HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

属性のHTML

構文

以下は構文です-

<label for="id">

上記のidは、関連付けられた要素IDです。

例

のfor属性を実装する例を見てみましょう。 
<!DOCTYPE html>
<html>
<body>
<h2>Last Semester Results</h2>
<form>
<fieldset>
<legend>Result</legend>
<label for="stinfo">Student:</label>
<input type="text" id ="stinfo" value="Jack"><br>
<label for="sub">Subject:</label>
<input type="text" value="Maths"><br>
<label for="rank">Rank:</label>
<input type="number" value="8"><br>
</fieldset>
</form>
</body>
</html>

出力

これにより、次の出力が生成されます-

属性のHTML label

上記の例では、いくつかのフィールドを持つフォームがあります-

<form>
<fieldset>
<legend>Result</legend>
<label for="stinfo">Student:</label>
<input type="text" id ="stinfo" value="Jack"><br>
<label for="sub">Subject:</label>
<input type="text" value="Maths"><br>
<label for="rank">Rank:</label>
<input type="number" value="8"><br>
</fieldset>
</form>

）。 
<label for="stinfo">Student:</label>
<input type="text" id ="stinfo" value="Jack"><br>

これで、入力タイプのテキストがstinfoの場合、-

のラベルが設定されているため、「Student」というラベルが付けられます。 
<label for="stinfo">Student:</label>

  1. HTMLに必要な属性

    HTML必須属性は、HTMLドキュメントでフォームを送信する前にHTML要素に入力する必要があることを定義します。 入力に適用できます 、選択 、および textarea HTML要素。 構文 以下は構文です- <tagname required></tagname> 例 HTMLに必要な属性の例を見てみましょう- <!DOCTYPE html> <html> <style>    body {       color: #000;       he

  2. HTMLパターン属性

    HTMLパターン属性は、HTML要素の値がHTMLドキュメントで一致する正規表現を定義します。 構文 以下は構文です- <input pattern=”regular expression”> HTMLパターン属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;