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

HTML<入力>幅属性

要素のwidth属性は画像でのみ使用され、-

を使用して追加された画像の幅を設定できます。 
<input type=”image”>

HTML5で導入されたwidth属性で、送信ボタンとして機能します。以下は構文です-

<input width="pixels">

上記の幅は、ピクセル単位の幅を表します。

ここで、要素のwidth属性を実装する例を見てみましょう。ここで、幅は入力タイプimage-

に設定されています。

例

<!DOCTYPE html>
<html>
<body>
<h2>Register</h2>
<form action="" method="get">
   Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25"><br>
   Password − <input type="password" name="pwd" placeholder="Enter password here..."><br>
   DOB − <input type="date" name="dob"><br>
   Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..."><br>
   Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br>
   <input type="image" src="go.jpg" alt="Submit" width="120" height="60">
</form>
</body>
</html>

出力

HTML 入力 幅属性

上記の例では、画像を追加するボタンのあるフォームがあります-

<form action="" method="get">
   Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25"><br>
   Password − <input type="password" name="pwd" placeholder="Enter password here..."><br>
   DOB − <input type="date" name="dob"><br>
   Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..."><br>
   Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br>
   <input type="image" src="go.jpg" alt="Submit" width="120" height="60">
</form>

ボタンの画像は、フォームコントロール入力タイプの画像で追加されます-

<input type="image" src="go.jpg" alt="Submit" width="120" height="60">

width属性は、この画像セットの幅を設定するために使用されます。


  1. HTMLリスト属性

    HTMLリスト属性は、HTMLドキュメントの要素の事前定義されたオプションを含む要素を参照します。 構文 以下は構文です- <input list=”text”> HTMLリスト属性の例を見てみましょう： 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;       background-colo

  2. HTMLmaxlength属性

    HTML maxlength属性は、HTMLドキュメントの入力HTML要素で許可される最大文字数を定義します。 構文 以下は構文です- <input maxlength=”text”> HTMLmaxlength属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;