easyui根据select下拉框内容更新表单内容_【HTML】5 HTML标签:表单

a787150cefe67a8a2f6556354e9d1a14.png

1、表单的作用:收集用户信息

2、表单的组成:表单域、表单控件(也称表单元素)、提示信息

3、表单域:一个包含表单元素的区域,用<form></form>标签定义,<form></form>会把它范围内的表单元素提交给服务器。

  • 在我们写表单元素之前要有个表单域将其包含
  • 表单域就是form标签,form标签就是表单域

4、表单元素

允许用户在表单中输入或者选择的内容控件。

这三组表单元素都应该包含在form表单中,并且拥有name属性

(1)input输入表单元素

<input>标签用于收集用户信息

<input>标签中包含一个必须要写的属性,type属性,根据不同type属性值可以,输入字段拥有很多种形式(文本字段、复选框、单选按钮、按钮等等)。

bb70c4ff45c83aa983fa036f464e1f57.png

<input>标签的其他常用属性:

136cbfca380c588a02e4d423a3876ba8.png

<label>标签,用于绑定一个表单元素,当点击<label>标签内文本时,浏览器将自动将焦点转到或选择对应的表单元素,用来增加用户体验。

属性值用for,值为对应表单元素的id值。

(2)select下拉表单元素

使用场景:有多个选项要选择,想要节省页面空间

<

(3)textarea文本域元素

<textarea></textarea>标签是用于定义多行文本输入的控件。

<

cols和rows属性了解就行,以后都是用CSS来做。

【应用案例】

<!DOCTYPE html>

运行结果:

7934192320b89c7602fa778b1228f1ef.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值