html表单

表单

表单的概念

• 专用于收集用户信息的单子，简称为表单

 

表单的格式

• action：将收集的信息提交到哪里？

• method：提交信息的方式

  • get ：以明文的方式，将信息在地址栏中直接显示，用于传输较少的输入信息

  • post：不会再地址栏中显示用户输入的信息，通常用于传输较大量的用户输入

• input：用于手机用户输入信息

• ​​

•  

常用表单项

 

用户名：
手机号： 密码:
再次输入密码：
性别：男 女
兴趣爱好:篮球 读书 游戏
收货地址：  丽江 程海 永胜 星湖 古城 
邮箱:
出生日期：
年龄：
请选择上传的图片：
请做一个简单的自我描述：
 

​

 

        点我有惊喜：<input type="button" value="点我有惊喜"><br>
​
        <input type="submit" value="注册"><br>
        <input type="reset" value="重置"><br>
    </form>

• text 用于收集普通的文本输入

• type 输入项的类型【必选】

• name：收集项的名称【必选】如果不设置name属性将不会提交

• value：用来盛放用户输入的内容【必选

• password 用于输入用户密码，以密文显示

  • type 输入项的类型【必选】

  • name：收集项的名称【必选】如果不设置name属性将不会提交

  • value：用来盛放用户输入的内容【必选】

• radio 单选框，使用的属性都加以限制

• checkbox 多选框

• select-option 下拉选项

  • option

  • value

  • 设置默认值 selected

• date 日期，用来收集用户的时间信息

• textarea 文本域

  • row 行数

  • col 列数

  • name

• button:按钮，在页面上显示一个按钮

  • name

  • value

• submit

  • 提交，用于提交用户输入的信息

  • value 显示按钮的名称

• reset 重置，用于清空用户输入的所有信息

  • value 显示按钮的名称