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

HTMLタグ

タグは、タグの事前定義されたオプションを設定するために使用されます。ユーザーがにマウスカーソルを置くと、これらの事前定義されたオプションがすべて表示されます。

ここで、HTMLでタグを実装する例を見てみましょう-

例

<!DOCTYPE html>
<html>
<body>
<p>Favorite Subject</p>
<form action="" method="get">
   <input list="subject" name="subject">
   <datalist id="subject">
      <option value="Programming">
      <option value="Networking">
      <option value="Database">
      <option value="Big Data">
      <option value="Cloud">
      <option value="Framework">
   </datalist>
   <input type="submit">
</form>
</body>
</html>

出力

HTML datalist タグ

次に、マウスカーソルを入力ボックス内に置きます。次の事前定義されたオプションが表示されます-

HTML datalist タグ

上記の例では、 −

の事前定義されたオプションを設定しています。 
<datalist id="subject">
   <option value="Programming">
   <option value="Networking">
   <option value="Database">
   <option value="Big Data">
   <option value="Cloud">
   <option value="Framework">
</datalist>

ここで、上記の内にカーソルを置くと、次のオプションが表示されます。これは、要素-

を使用して事前定義されています。 
Programming
Networking
Database
Big Data
Cloud
Framework

  1. HTML<data>タグ

    HTMLのタグは、現在のコンテンツを翻訳して機械可読に設定するために使用されます。 構文 以下は構文です- <data value=””> 上記の値は、コンテンツの機械可読形式を設定します。 例 タグ-を実装する例を見てみましょう <!DOCTYPE html> <html> <body> <h2>Subjects covered in Schools</h2> <p>Associating the subject name with number:</p> <u

  2. HTML<textarea>無効属性

    要素のdisabled属性は、を無効にするために使用されます。無効にすると、からテキストを選択できなくなります。 構文 以下は構文です- <textarea disabled> 例 要素-のdisabled属性を実装する例を見てみましょう。 <!DOCTYPE html> <html> <body> <h2>Candidate Details</h2> Student Name: <input type="text" value="David"><br>