前端知识表单的基本设置

表单

  • 现实生活中的表单是用来提交信息的,比 如:办理银行卡填写的申请表、找工作填 写的简历、入学时填写的个人信息表。这 些都是表单的一种
    网页中的表单是用来向服务器提交信息的, 我们最常用到的表单就是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标签用来为表单项定义描述文字。

你可能感兴趣的:(前端知识表单的基本设置)