html表单文字预先设置,HTML—表单标签

表单就是用来收集用户信息的

如果一个页面有多个表单，可通过设置name属性区分

格式：

如果表单中有文件需要上传必须添加enctype属性，指定值为“multipart/form-data”用于文件转码

注意：在表单中用name属性来指定哪些标签的数据需要提交

表单元素：

1、  input标签的type取值(除按钮标签外，其他标签都可以通过value属性来指定提交到服务器的数据)

单选框(radio)

单选按钮，天生是不互斥的，如果想互斥，必须要有相同的name属性

多选框(checkbox)

复选框，最好也是有相同的name(虽然他不需要互斥，但是也要有相同的name)

按钮

button、reset、submit、image(也属于提交类按钮)

2、label标签

平常我们在填写表格时，点击一下文字，相应的文本框就会聚焦，但是文本框和文字是没有关联关系的，如果想让他们绑定起来就要用到label标签

格式：

1、给文本框添加id属性

2、用label标签包括相应的文字

3、label有一个属性for，在for里面填写要绑定的标签到id值即可

如：

账号:

3、datalist标签

作用: 给输入框绑定待选项

格式：

待选项内容

例如：

请输入你的车型:

奔驰

宝马

奥迪

路虎

宾利

4、下拉列表(select)                    用于创建表单中的待选列表, 可以从选择某一个带选项海淀区昌平区朝阳区天河区白云区贵州

使用optgroup给下拉列表添加分组

选择籍贯

海淀区

昌平区

朝阳区

天河区

白云区

可以设置multiple="multiple"将单选变为可多选(需按住ctrl键)

5、button标签

请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 “button”，而其他浏览器中(包括 W3C 规范)的默认值是 “submit”。

type的取值：submit、reset、button

例如:重置

6、给表单元素外围添加边框：

   

health information

用户名:

密码: