テキスト入力ボックスの属性は次のとおりです: 1. accept (ファイルのアップロードを通じて送信されるファイルのタイプを指定します)、2. alt (画像入力の代替テキストを定義します)、3. disabled (無効)、無効な状態; 4. formaction 、フォームが送信されたときに入力コントロールを処理するファイルの URL を規定します; 5. formtarget 、フォーム送信後に受信した応答の名前またはキーワードを表示する場所を規定します; 6.cols、規定しますテキスト領域の表示幅; 7. readonly 、読み取り専用ステータスと同じ。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
HTML/CSS には、2 種類のテキスト入力ボックスがあります:
input: 単一行のテキスト入力ボックス
textarea : 複数行のテキスト入力ボックス
これら 2 つの入力ボックスでサポートされるプロパティについて説明します。
input 入力ボックスの属性
<input> タグは、ユーザーがデータを入力できる入力フィールドを指定します。
| 属性 | 値 | 説明 |
|---|---|---|
| accept | audio/* ビデオ/* image/*MIME_type | ファイル アップロードを通じて送信されるファイルのタイプを指定します。 (type="file" の場合のみ) |
| align | left 右 上 真ん中 Bottom | HTML5 は廃止され、非推奨になりました。画像入力の配置を指定します。 (type="image" の場合のみ) |
| alt | text | 画像の代替テキストを定義します入力を行ってください。 (type="image" の場合のみ) |
| autocomplete | on off | autocomplete 属性は、<input> 要素の入力フィールドでオートコンプリートを有効にするかどうかを指定します。 |
| autofocus | autofocus | この属性は、ページの読み込み時に <input> 要素が自動的にフォーカスを取得することを指定します。 |
| checked | checked | checked 属性は、ページの読み込み時にどの <input> 要素を事前に選択するかを指定します。 (type="checkbox" または type="radio" の場合のみ) |
| disabled | disabled | disabled 属性は、入力すべき <input> |
| form | form_id | form 属性は、<input> 要素が属するフォームを指定します。 |
| formaction | URL | プロパティは、フォームの送信時に入力コントロールを処理するファイルの URL を指定します。 。 (type="submit" および type="image" の場合のみ) |
| formenctype | application/x-www-form-urlencoded マルチパート/フォームデータ text/plain | 属性は、サーバーに送信するときにフォーム データをエンコードする方法を指定します (type="submit" および type="image" にのみ適しています)。 |
| フォームメソッド | get post | フォーム データをアクション URL に送信する HTTP メソッドを定義します。 (type="submit" および type="image" にのみ適しています) |
| formnovalidate | formnovalidate | formnovalidate 属性は |
| _blank _自己 _親 _top | framename | は、フォームの送信後に受け取った応答の名前またはキーワードを表示する場所を指定します。 (type="submit" および type="image" にのみ適しています)|
| ピクセル | 要件 < ; input> 要素の高さ。 (type="image" の場合のみ)||
| datalist_id | 属性は||
| 番号 date | 属性は、<input> 要素の最大値を指定します。 | |
| number | 属性は、<input> 要素で許可される最大文字数を指定します。 | #分 |
| 属性は、<input> 要素の最小値を指定します。 | multiple | |
| 属性は、ユーザーが <input> 要素に複数の値を入力できることを指定します。 | name | |
| name 属性は、<input> 要素の名前を指定します。 | pattern | |
| pattern 属性は、<input> の値を検証するために使用される正規表現を指定します。要素。 | placeholder | |
| placeholder 属性は、入力 <input> | readonly | |
| readonly 属性は、入力フィールドが読み取り専用であることを指定します。 | required | |
| 属性は、フォームを送信する前に入力フィールドに入力する必要があることを指定します。 | #size | |
| size 属性は、<input> 要素の表示幅を文字数で指定します。 | src | |
| src 属性は、送信ボタンとして表示される画像の URL を指定します。 （それだけに type="image") | step | |
| step 属性は、<input>type | button | |
| date | datetimedatetime-local file 非表示 画像 月 番号 パスワード radio range reset search submit tel text time url week |
type 属性は、< を指定します。表示される ;input> 要素のタイプ。 |
| value | text | <input> 要素の値を指定します。 |
| width | pixels | width 属性は、<input> 要素の幅を指定します。 (type="image" の場合のみ) |
HTML5 の新しい type 属性値の例
検索文字列の入力に使用するテキスト フィールドを定義します。
<input>
#時間制御 - 時間
#
<input> <input>
#日付時刻制御-datetime-local
<input>
<input>
<input>
#日付と時刻の制御--datetime
<input>
#
<input>
以上がHTML/CSS テキスト入力ボックスにはどのようなプロパティがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
