入力要素の作成

7019 ワード
html テキストリンク

入力タグ


ユーザーから値を入力できるインタラクティブなコントロール(またはフィールド)を示します.
基本的にはインライン要素であり、単一のタグです.
<input />

Inputのコア、typeプロパティ


typeの値は、入力要素の形状または入力データ型を変更します.
使用可能なtypeは20種類以上あり、デフォルトはtextです!
  • typeの値によって、適用可能な付加属性の種類も若干異なります!
    •     <input type="text" placeholder="메시지를 입력하세요!" maxlength="5" /><br /><br />
    <input type="button" value="버튼이에요" /><br /><br />
    <input type="color" />색을 골라봐요!<br /><br />
    <input type="range" max="100" min="0" step="10" /><br /><br />
    <input type="date" /><br /><br />
    使用可能なすべてのアトリビュートについては、リンクを参照してください.
    https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input

    name識別子


    inputラベルにname識別子を追加できます.
    これは各入力項目の名前です!
    <input type="text" name="nickname" />
<input type="text" name="job" />
  • のニックネームには「IU」があり、仕事種目には「歌手」がいます!

    • 内容を整理する

  • inputタグは、入力要素を作成するタグです.
  • inputタグはtype属性によって形状と入力値タイプを決定する.
  • タイプの値によって、使用方法は多種多様である.
  • nameプロパティを使用してinput要素を区別できます.
    • Ubuntu 18.04アリソースを交換
    CSS_Box Model