web前端开发基础之表单如何设置

表单

• 现实生活中的表单是用来提交信息的，比 如：办理银行卡填写的申请表、找工作填 写的简历、入学时填写的个人信息表。这 些都是表单的一种

• 网页中的表单是用来向服务器提交信息的， 我们最常用到的表单就是baidu的搜索框

在搜索框填入关键字后，点击搜索按钮，关键字会提交到baidu的服务器， 服务器根据用户输入的关键字进行检索，返回相应信息

表单

• 表单可以将用户填写的信息提交的服务器

• 例子：

表单项

input

• input是我们使用得最多的表单项，它可以 根据不同的type属性呈现不同的状态。

• type属性可选值：

– text：文本框

– password：密码框

– submit：提交按钮

– radio：单选按钮

– checkbox：多选框

– reset ：重置按钮

select、option

• select用于创建一个下拉列表。

• option表示下拉列表中的列表项。

• optgroup用于为列表项分组。

textarea

• textarea用来创建一个文本域，实际效果和 文本框类似，只是可以输入多行数据。

• 可用属性： – cols：文本域的列数 – rows：文本域的行数

fieldset、legend、label

• fieldset用来为表单项进行分组。

• legend用于指定每组的名字。

• label标签用来为表单项定义描述文字。

转载原文链接：http://www.atguigu.com/jsfx/13399.html