文本框单选html,20150512表单、文本框、复选框、单选按钮、滚动文本框、单选框、label...

1.1、表单是一个HTML元素,用于包含和组织称为表单控件的对象,如文本框、复选框、按钮等。

1.2、表单由两部分组成:①HTML表单本身,它是网页用户界面;②服务器端处理,它处理表单数据,可以发送电子邮件、向文本文件写入、更新数据库或在服务器上执行其他处理。

1.3、form元素的表达形式如:a4c26d1e5885305701be709a3d33442f.png,常用属性如下图:a4c26d1e5885305701be709a3d33442f.png

2.1、文本框使用独立标记input元素,input用于配置几种表单控件,该元素使用HTML5的语法要编码成a4c26d1e5885305701be709a3d33442f.png,其type属性指定浏览器显示的表单控件类型。当type="text"将input元素配置成文本框,如图:a4c26d1e5885305701be709a3d33442f.png,配置成文本框的input元素常用属性包括:

a4c26d1e5885305701be709a3d33442f.png

3.1、提交按钮(submit)用于提交表单,它会触发form标记指定的action,造成浏览器将表单数据发送到web服务器,web服务器调用action属性指定的服务器端程序或脚本。其配置方式如图a4c26d1e5885305701be709a3d33442f.png

3.2、重置按钮(Reset)将表单的各个字段重置为初始值,它不会提交表单,其配置方式如:a4c26d1e5885305701be709a3d33442f.png

3.3、提交和重置按钮的效果显示如图:

a4c26d1e5885305701be709a3d33442f.png

它们的常用属性有:

a4c26d1e5885305701be709a3d33442f.png

4.1、复选框表单控件允许用户从一组事先确定的选项中选择一项或多项。将type=“checkbox”即可配置复选框,示例如图:

a4c26d1e5885305701be709a3d33442f.png,

其常用属性如图:

a4c26d1e5885305701be709a3d33442f.png

4.2、单选钮允许用户从一组事先确定的选项中选择唯一的一项,将input元素的type=“radio”即可配置成单选钮,如示例:

a4c26d1e5885305701be709a3d33442f.png

其常用属性如图:

a4c26d1e5885305701be709a3d33442f.png

5.1隐藏字段可以存储文本或数值信息,但在网页中不显示,为input标记设置type=“hidden”即可配置一个隐藏字段,其常用属性如图:

a4c26d1e5885305701be709a3d33442f.png

5.2、密码框接收的是需要在输入过程中隐藏的数据,将input标记使用type=“password”即可示例如图:a4c26d1e5885305701be709a3d33442f.png,其显示的样式视浏览器而定,

其常用属性有:

a4c26d1e5885305701be709a3d33442f.png

6.1、滚动文本框接收无格式的留言、提问或陈述文本,使用textarea双标记即可,其常用属性有:

a4c26d1e5885305701be709a3d33442f.png

7.1、用表格格式化表单,如图:

a4c26d1e5885305701be709a3d33442f.png

8.1、select元素用于包含和配置选择列表,使用select双标记,常用属性有:

a4c26d1e5885305701be709a3d33442f.png

8.2、option元素用于包含和配置选择 列表中显示的选项,使用option双标记设置,其常用属性有:

a4c26d1e5885305701be709a3d33442f.png

其效果如图:

a4c26d1e5885305701be709a3d33442f.png

9.1、label元素是将文本描述和表单控件关联起来的容器标记。有两种方法可以在标签和表单之间建立联系:

①将label元素作为容器来包含文本描述和HTML表单控件。注意文本标签和表单控件必须是相邻的元素

②利用for属性将标签和特定HTML表单控件关联

注:label元素的for属性值与input元素的id属性值一致

label元素不在网页上显示,在幕后工作中以实现无障碍访问。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值