表单

<form action = "告诉表单要提交到某处" method="表单的提交方式"><input type=""/></form>

提交方式:

  get:明文传输,标单内容加载到域名

  post:保密传输,不会显示表单内容

       <form action = "#" method = "post">

      <p>输入类型 *<input type = "对应输入类型的属性值"/></p>

       类型:

    text 文本、password 密码、submit 提交、reset 重置、button 按钮

用户名:<input type="text" placeholder="1903756100@qq.com"   required  mathlength=""/>                                                                                                                             placeholder属性输入框提示信息

            required要求必须填信息

            maxlength限制输入最大数

身高:<input type="number"            min="100"  max="200" step="10" value="150"/>

                             输入必须数字           最小           最大            间距         初始值

<label for="yonghu">用户名:<input type="text" id="text"/>

           点击用户名文字,自动跳到对应id输入框

出生年月:<input type="date"/>

           添加日历插件

你喜欢的颜色:<input type="color" name=""/>

           添加颜色插件

<input type="email" name=""/>

           输入邮箱地址

<input type="text" list="yqt"/>

<datalist id="yqt">

         <option value="cd">成都</option>

</datalist>

           输入提示信息(快捷信息选择内容)

下拉列表:

城市:<select name ="city" id="">

             <option value = "city">城市名</option>

   </select>

单选框:

<input type ="redio"/>选择名

  <input tupe = "redio" name = "开"value="huiyuan">会员

多选框:

<input type ="checkbox"name=“” checked/>

         checked选中当前项

多行文本框:

<textarea name ""id=""cols="宽"rows="高">

</textarea>

原文地址:https://www.cnblogs.com/huan123/p/8051693.html