第四章:网页中的表单

##第四章：网页中的表单

表单标签——form>

1. 输入——input>
2. 表单标签属性：
   ①action——将信息提交到哪个地址 action=”URL”,值为空时，默认交到本页
   ②enctype——表单数据编码类型，常为：multipart/form-data（不对字符编码，文件上传必用此值）
   ③method——将数据发送给服务器get（信息保留在网页上）,post（信息不保留，常用）
   form action=”” enctype=”multipart/form-data” method=”post”>

表单控件——input>

• 通过设置type属性来实现不同类型的输入控制

• input type=”控件类型值”/>

• 表单控件属性：
  ①type——指定表单的元素类型。text(文本),password（密码）,checkbox（多选）,radio（单选）,submit（提交）,reset（重置）,button（普通）等，默认选择text
  ②name——表单的元素名称
  ③value——表单元素的初始值
  ④size——表单元素的初始长度
  ⑤maxlength——最大字符数量
  ⑥checked——是否是被选中的（初始默认选择某值），单选（radio）或多选（checkbox）是使用此属性
  ⑦placeholder=””——是文本框底部有灰色字体提示
  文本框：type=“text”
  密码框：text=“password”
  控件辅助标签——（label）
  for属性，与id搭配用
  文件域accept：由文本框和“浏览”按钮组成的
  单选按钮radio：input name=“控件名称” type=“radio” value=“值”>
  
  复选框——checkgox

• input name=“控件名称” type=“chekbox” value=“值”>

• 按钮——reset（重置）,submit（提交）,button（普通）

• 方法一：input type=“reset” value=“重置”/>

• 方法二：button type=“reset”>重置</button

• 隐藏域：input name=“username” type=“hidden” value=“要隐藏的值”/>
  文本域——textarea——两行或两行以上

• textarea name=“textarea” cols=“列的数量” rows=“行的数量”>文本内容</textarea
  选择列表（下拉列表）——selectn

• 内至少一个option

• select name=“列表名称” size=“行数”> option value="选项的值"selected=“selected”><option

• –selected=“selected” 表示默认选项，不做默认选项时不用写–
  

• autofocus 自动对焦

• type=“date”---->年/月/日

• required–必须（用户不填则无法提交）