HTMLフォーム要素
9937 ワード
白日
アクション属性
<form action="http://server.com/join">
<input type="text" name="test">
</form>
メソッドのプロパティ
<form action="" method="GET">
<input type="text" name="test">
<button type="submit">제출</button>
</form>
送信GET
💡 GETメソッドのセキュリティが悪い(入力された情報はブラウザに残っている)ため、POSTを使用して機密データを要求することをお勧めします.
POST
label & input
label
input
fieldset & legend
fieldset
legend
inputプロパティ
input type
ユーザ情報を受信する部分(checkbox,textなど)はほとんどinputタグを使用する.
text:1行の文字列を受信します.「エンタープライズ」(Enter)をクリックしてコミットします.minlengthとmaxlengthを選択できます.
password:パスワードのタイプを入力できます.マスクで表示します.minlengthとmaxlengthを選択できます.
passwordはGETメソッドではなくPOSTメソッドを使用する必要があります.
Email:Eメール形式に合致しない場合、エラーが自動的に出力されます.モバイルユーザーの場合、Eメールにフォーカスすると、自動的に英語を入力できます.
tel:電話番号のタイプを入力できます.電話番号を入力するウィンドウですが、数字以外の文字に対してエラー処理が行われたことは検証されません.モバイルデバイスの場合、telにフォーカスすると、自動的に数値を入力できます.
number:数値のタイプを入力できます.数字以外の文字を入力し、送信ボタンを押すとエラーが表示されます.
range:数値のタイプを入力できます.
date:日付(年、月、日)のタイプを入力できます.
mond:日付(年、月)のタイプを入力できます.
time:時間のタイプを入力できます.
checkbox:情報のタイプを選択するには、チェックボックスを表示します.
radio:ラジオボタンを表示して情報のタイプを選択します.
💡 重複選択を避けるには、同じradioタイプ名を指定する必要があります.
input name
<form action="/examples/media/action_target.php" method="get">
이름 : <input type="text" name="username"><br>
이메일 : <input type="email" name="useremail"><br>
<input type="submit">
</form>
input placeholder
input autocomplete
input required
input disabled
無効化属性
input readonly
input step
input min
input max
button
select
option
optgroup
input list & datalist
textarea
Reference
この問題について(HTMLフォーム要素), 我々は、より多くの情報をここで見つけました https://velog.io/@zhunhe/HTMLform-요소テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol