HTMLに入力フィールドを含める方法は?
HTMLのタグは、フォーム内で入力要素(ユーザーがデータを入力できるようにするコントロール)を宣言するために使用されます。
属性 | 値 | 説明 |
---|---|---|
承認 | コンテンツタイプ | サーバーが受け入れるコンテンツタイプのコンマ区切りリストを指定します |
align | 左 正しい 上 真ん中 下 | 非推奨 −コンテンツの配置を定義します |
alt | テキスト | これは、ブラウザ/ユーザーエージェントが入力コントロールをレンダリングできない場合に使用されるテキストを指定します |
オートコンプリート | on オフ | 要素でオートコンプリートを有効または無効にすることを指定します |
オートフォーカス | オートフォーカス | ページが読み込まれたときに要素が自動的にフォーカスを取得するように指定します |
チェック済み | チェック済み | type="radio"またはtype="checkbox"の場合、ページの読み込み時にすでに選択されています。 |
無効 | 無効 | 入力コントロールを無効にします。ボタンはユーザーからの変更を受け入れません。また、フォーカスを受け取ることができず、タブ移動時にスキップされます。 |
フォーム | form_id | 1つ以上のフォームを指定します |
formaction | URL | フォームの送信時に入力コントロールを処理するファイルのURLを指定します |
formenctype | application / x-www-form-urlencoded multipart / form-data テキスト/プレーン | フォームデータをサーブに送信するときにエンコードする方法を指定します |
formmethod | 投稿 得る | アクションURLにデータを送信するためのHTTPメソッドを定義します |
formnovalidate | Formnovalidate | 送信時にフォーム要素を検証しないように定義します |
fromtarget | _ blank _自己 _親 _上 | フォームの送信後に受信される表示となるターゲットを指定します |
高さ | ピクセル | 高さを指定します |
リスト | datalist_id | 要素の事前定義されたオプションを含む |
max | オートフォーカス | 最大値を指定します。 |
maxlength | 数値 | テキストフィールドで許可される最大文字数を定義します |
min | 数値 | 最小値を指定します |
複数 | 複数 | ユーザーが複数の値を入力できることを指定します |
名前 | テキスト | 入力コントロールに名前を割り当てます。 |
パターン | 正規表現 | 要素の値がチェックされる正規表現を指定します |
プレースホルダー | テキスト | 期待値を説明する短いヒントを指定します。 |
読み取り専用 | 読み取り専用 | 入力コントロールを読み取り専用に設定します。ユーザーが値を変更することはできません。ただし、コントロールはフォーカスを受け取ることができ、フォームコントロールをタブで移動するときに含まれます |
必須 | 必須 | フォームを送信する前に入力フィールドに入力する必要があることを指定します |
サイズ | 数値 | コントロールの幅を指定します。 type="text"またはtype="password"の場合、これは文字数の幅を指します。それ以外の場合は、ピクセル単位です。 |
src | URL | 表示する画像のURLを定義します。 type="image"にのみ使用されます。 |
ステップ | 数値 | 入力フィールドの有効な数値間隔を指定します |
タイプ | ボタンcheckboxcolor date datetime 日時-ローカルメール ファイル 隠れた 画像 月 番号パスワード 無線 範囲 リセット 探す 参加する tel 文章 時間 url 週 | コントロールのタイプを指定します。 |
値 | テキスト | コントロールの初期値を指定します。type="checkbox"またはtype="radio"の場合、この属性は必須です。 |
幅 | ピクセル | 幅を指定します |
次のコードを実行して、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>
-
HTMLで日時入力タイプを使用するにはどうすればよいですか?
日時入力タイプは、HTMLでを使用して使用されます。これを使用して、ユーザーが日付と時刻を選択できるようにします。入力フィールドがクリックされるたびに、日時ピッカーのポップアップが表示されます。 注 −入力タイプdatetimeは、FirefoxおよびInternetExplorerではサポートされていません。 GoogleChromeで動作します。 例 次のコードを実行して、HTMLで日時入力タイプを使用する方法を学ぶことができます。 <!DOCTYPE html> <html> <head> &
-
HTML入力フィールドのオートコンプリートを無効にする方法は?
入力フィールドのオートコンプリートを無効にするには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <style> input{ font-size: 18px; padding: 10px; margin: 10px; border:1px solid grey; } </styl