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

HTMLに入力フィールドを含める方法は?


HTMLのタグは、フォーム内で入力要素(ユーザーがデータを入力できるようにするコントロール)を宣言するために使用されます。

以下は属性です-

属性

説明
承認
コンテンツタイプ
サーバーが受け入れるコンテンツタイプのコンマ区切りリストを指定します
align

正しい

真ん中

非推奨 −コンテンツの配置を定義します
alt
テキスト
これは、ブラウザ/ユーザーエージェントが入力コントロールをレンダリングできない場合に使用されるテキストを指定します
オートコンプリート HTMLに入力フィールドを含める方法は?
on
オフ
要素でオートコンプリートを有効または無効にすることを指定します
オートフォーカス HTMLに入力フィールドを含める方法は?
オートフォーカス
ページが読み込まれたときに要素が自動的にフォーカスを取得するように指定します
チェック済み
チェック済み
type="radio"またはtype="checkbox"の場合、ページの読み込み時にすでに選択されています。
無効
無効
入力コントロールを無効にします。ボタンはユーザーからの変更を受け入れません。また、フォーカスを受け取ることができず、タブ移動時にスキップされます。
フォーム HTMLに入力フィールドを含める方法は?
form_id
1つ以上のフォームを指定します
formaction HTMLに入力フィールドを含める方法は?
URL
フォームの送信時に入力コントロールを処理するファイルのURLを指定します
formenctype HTMLに入力フィールドを含める方法は?
application / x-www-form-urlencoded
multipart / form-data
テキスト/プレーン
フォームデータをサーブに送信するときにエンコードする方法を指定します
formmethod HTMLに入力フィールドを含める方法は?
投稿
得る
アクションURLにデータを送信するためのHTTPメソッドを定義します
formnovalidate HTMLに入力フィールドを含める方法は?
Formnovalidate
送信時にフォーム要素を検証しないように定義します
fromtarget HTMLに入力フィールドを含める方法は?
_ blank
_自己
_親
_上
フォームの送信後に受信される表示となるターゲットを指定します
高さ HTMLに入力フィールドを含める方法は?
ピクセル
高さを指定します
リスト HTMLに入力フィールドを含める方法は?
datalist_id
要素の事前定義されたオプションを含む要素を指定します
max HTMLに入力フィールドを含める方法は?
オートフォーカス
最大値を指定します。
maxlength
数値
テキストフィールドで許可される最大文字数を定義します
min HTMLに入力フィールドを含める方法は?
数値
最小値を指定します
複数 HTMLに入力フィールドを含める方法は?
複数
ユーザーが複数の値を入力できることを指定します
名前
テキスト
入力コントロールに名前を割り当てます。
パターン HTMLに入力フィールドを含める方法は?
正規表現
要素の値がチェックされる正規表現を指定します
プレースホルダー HTMLに入力フィールドを含める方法は?
テキスト
期待値を説明する短いヒントを指定します。
読み取り専用
読み取り専用
入力コントロールを読み取り専用に設定します。ユーザーが値を変更することはできません。ただし、コントロールはフォーカスを受け取ることができ、フォームコントロールをタブで移動するときに含まれます
必須 HTMLに入力フィールドを含める方法は?
必須
フォームを送信する前に入力フィールドに入力する必要があることを指定します
サイズ
数値
コントロールの幅を指定します。 type="text"またはtype="password"の場合、これは文字数の幅を指します。それ以外の場合は、ピクセル単位です。
src
URL
表示する画像のURLを定義します。 type="image"にのみ使用されます。
ステップ HTMLに入力フィールドを含める方法は?
数値
入力フィールドの有効な数値間隔を指定します
タイプ
ボタンcheckboxcolor date datetime
日時-ローカルメール
ファイル
隠れた
画像

番号パスワード
無線
範囲
リセット
探す
参加する
tel
文章
時間
url

コントロールのタイプを指定します。

テキスト
コントロールの初期値を指定します。type="checkbox"またはtype="radio"の場合、この属性は必須です。
HTMLに入力フィールドを含める方法は?
ピクセル
幅を指定します

次のコードを実行して、HTMLに要素を実装してみてください-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML input Tag</title>
   </head>
   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get">
         First name:
         <input type = "text" name = "first_name" value = "" maxlength = "100" />
         <br />
         Last name:
         <input type = "text" name = "last_name" value = "" maxlength = "100" />
         <input type = "submit" value = "Submit" />
      </form>
   </body>
</html>

  1. HTMLで日時入力タイプを使用するにはどうすればよいですか?

    日時入力タイプは、HTMLでを使用して使用されます。これを使用して、ユーザーが日付と時刻を選択できるようにします。入力フィールドがクリックされるたびに、日時ピッカーのポップアップが表示されます。 注 −入力タイプdatetimeは、FirefoxおよびInternetExplorerではサポートされていません。 GoogleChromeで動作します。 例 次のコードを実行して、HTMLで日時入力タイプを使用する方法を学ぶことができます。 <!DOCTYPE html> <html>    <head>     &

  2. HTML入力フィールドのオートコンプリートを無効にする方法は?

    入力フィールドのオートコンプリートを無効にするには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <style>    input{       font-size: 18px;       padding: 10px;       margin: 10px;       border:1px solid grey;    } </styl