[HTML]FORMタグ

25595 ワード
テキストリンク

1.<Form>デフォルト属性


formは、ユーザーがウェブサイトにデータを送信することを許可します.

1-1.フォームの動作



1-2.formタグのプロパティ


action


フォームデータをサーバに送信するときに、データが届くURLを指定します.

method


  • get
    入力値urlで表示->セキュリティ・ホール
    遠くの代表に言いたいことを叫ぶ.喉が痛くて、多くの内容が伝わりません.そして、誰もが聞こえます.したがってgetは256〜4096バイトしか転送できない.

  • post
    入力値がurlで表示されない->セキュリティが高い
    代表に言いたいことを周囲に知られないように、便利に貼っておきます.postは、入力コンテンツの長さを無限に伝送することができる.

    • 2.<input>


    Inputはユーザの重要な情報を受信するタグであり,複数の属性があり,複数のタイプがある.

    2-1.<input>プロパティ


    1)name
    入力中でなければなりません.name=""の値がキーになります.(すなわち、サーバにデータを送信する際に、名前の値でデータを送信する)
    2)value
    サーバ送信時にユーザが入力した値(プリセット)

    3)readonly
    読み取り専用フィールドとして作成
    4)placeholder
    入力値プロンプト
    5)maxlength, minlength
    最大文字数、最小文字数の指定
    6)required
    必要なラベルが入力されていません.submitボタンを押すとエラーが表示され、データを転送できません.
    <form action="">
  <div>
    <label for="iron">아이언맨</label>
    <input type="checkbox" id="iron" name="hero" required>
  <div>
  <button></button>
    7)autofocus
    8)pattern
    9)type

    2-2.<input> type


    (1)text
    <input type="text" name="username">
<input type="text" name="comment" value="노코멘트">
    (2)password
    <input type="password" name="userpw">
    (3)button
    <input type="button" value="버튼">
    (4)email
    「@」の電子メールフォーマットが含まれているかどうかを確認します.
    (5)tel**
    <form action="">
<input type="text">
<input type="tel">
<input type="email">
</form>
    入力ウィンドウですがtypeは別に適用されるはずです
    why? これは入力フォーマットを調整するためです.入力時に仮想キーボードが変化します.
    (6)date
    日付の入力
    (7)time
    にゅうりょくじかん
    (8)range
    スライダー入力
    (9)number
    数量の入力を選択できます
    (10)color
    (11)radio
    名前が同じ場合にのみ、1つをチェックできます.
    <fieldset>
	<legend class="hidden">회사</legend>
	<p>다음 문자중에 왠지 마음에 드는 것을 하나 고르세요</p>
	<input type="radio" name="company" value="naver" id="naver">
	<label for="naver">네</label><br>
	<input type="radio" name="company" value="kakao" id="kakao">
	<label for="kakao">카</label><br>
	<input type="radio" name="company" value="line" id="line">
	<label for="line">라</label><br>
	<input type="radio" name="company" value="coupang" id="coupang">
	<label for="coupang">쿠</label><br>
	<input type="radio" name="company" value="jeju" id="jeju">
	<label for="jeju">베</label><br>
</fieldset>
    (12)checkbox
    (13)file
    (14)url
    (15)color
    (16)hidden
    サーバに値を送信するフィールド(ユーザーには見えません)

    3.<label>


    ウィンドウの要素のテキストの説明を入力します.inputのテーブル.視覚障害者に何を押すべきかを教える機能もあります.

    1.labelラップで入力

    <label>
	이름 :
	<input type="text" name="name">
</label>

    2.labelのfor属性とinputのid属性を指定することで接続

    <label for="myName">이름 : </label>
<input type="text" name="name" id="myName">

    4.<select>


    ドロップダウンメニューまたはリストボックスを作成できます
    は終了フラグとしてマークされます.したがって、サブラベルとして使用できるものはありません.
    大きな数値を出力
    マルチスレッドの簡単な例