表单 #2

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

下面咱们再了解几个常用的表单项目 .. 复选框可以让用户在一堆选项里勾选自己需要的东西 .. 先用一组 label 标签 .. 里面的文字可以作为选项的名字显示给用户 ..

在文字的上面可以用一个 input 元素 .. 添加一个 type 属性,把这个 input 的类型设置成 checkbox .. 表示这是一个复选框项目 ..

如果你有一组同一类型的可以选择的复选框项目,在这些复选框项目上面,可以使用一个 name 属性 .. 然后把它们的值设置成一样的 ..

每个复选框里都有一个它要表示值 .. 这个值可以放到 value 属性里面,在提交表单的时候,后端服务可以去处理提交过来的表单数据里面的复选框的值 ..

再添加两个复选框 .. 修改一下它们的值 .. 还有标签上的文字 ..

现在页面上会显示三个复选框项目 .. 用户可以随便勾选这些项目 ..

如果它们是单选按钮的话,就只能选择这组项目里的其中的一个了 .. 单选按钮同样用的是 input 标签 .. 不过需要把它的 type 属性的值设置成 radio ...

同一组单选按钮它们的 name 属性的值得是一样的 .. 这里显示的就是一组单选按钮 .. 用户可以选择这组单选按钮里面的其中的一个 ...

同样为用户提供一些选项可以选择的表单项目还有选择列表 .. 一个选择列表,需要先使用一组 select 标签 .. select 中文就是选择的意思 ..

这个标签上可以用一个 name 属性 .. 设置一下这个选择列表的名字 ..

它里面是一些选项,每个选项可以使用一组 option 标签 .. 每个项目上面可以添加一个 value 属性设置一下这个项目表示的值 .. 这组标签里面包装的是选择列表里的项目的文字 ..

这样在这个选择列表里选择这个 html 项目的时候,提交表单,这个 course 选择列表的值就会是 html .. 再添加两个项目 ..

修改一下选项上面显示的文字 .. 还有它表示的值 ..

这里现在会显示一个选择列表 .. 打开它可以显示这个列表里面的所有的项目 .. 用户可以在这里选择自己想要的项目 ..

这个选择项目默认会选择它里面的第一个项目 .. 我们也可以手工指定一下这个默认的项目 .. 在默认的项目上面,添加一个 selected 属性 .. 现在这个选择列表里的默认项目就变成了 css ..

表单 #2《 HTML:标记语言 》

统计

13299
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点