loading请求处理中...

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

2021-12-03 06:55:39 阅读 8214次 标签: 开发 作者: yipinweike01

  表单

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

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

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

  

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

  表单

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

  • 例子:

  

  表单项

  

  input

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

  • type属性可选值:

  – text:文本框

  – password:密码框

  – submit:提交按钮

  – radio:单选按钮

  – checkbox:多选框

  – reset :重置按钮

  s elect、option

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

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

  • optgroup用于为列表项分组。

  textarea

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

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

  fieldset、legend、label

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

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

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

  由于时间关系,小编就介绍到这里了。如果觉得有用,就请多多关注一品威客网!如果你需要app开发网络推广设计,文案写作,营销策划等服务,欢迎到一品威客网发布相关需求,让广大的服务商为您解决难题。

开发公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
相关任务
DESIGN TASK 更多
抽奖+兑换的H5商城开发

¥5000 已有0人投标

网站开发

¥700 已有0人投标

图像精准识别程序开发

¥3000 已有1人投标

软件开发架构建设

¥50000 已有0人投标

增加播放量的软件开发

¥20000 已有0人投标