html表单标记简单使用,HTML表单快速上手(简单用法)

本文详细介绍了HTML表单的使用,包括form标签的action、method和target属性,以及各种控件如input、select、textarea等的用途和属性。通过实例展示了如何创建姓名、密码输入框,性别单选按钮,多选爱好,下拉菜单选择居住地,文件上传以及隐藏字段等。同时解释了GET和POST提交方法的区别以及表单数据的处理方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

表单用于接收用户输入的数据,然后将数据提交给服务器做相应的处理,使得HTML页面具有了交互性。

form标签中的各个标签都是一个完整的控件,用于接收各种类型的数据,并上传到服务器;都有name和value属性,name表示该控件的名称,value表示该控件接收到的数据,提交时两者一起提交到服务器,这样服务器就知道哪个数据属于哪个控件,对其采取相对于的处理。

常见用法:

//action表示提交给哪个后台处理页面;method表示提交采用的方法:get方法用于获取数据,提交的数据不保密显示在地址栏;

//post方法用于上传数据,提交的数据保密。target表示提交后的新页面在哪里打开

//接收小段字符,不可以换行;label标签for属性值为对应的标签id属性值,当点击label标签时,效果同点击其对应的input标签

姓名:

//接收小段字符,默认显示为圆点,不可以换行;label标签for属性值为对应的标签id属性值,当点击label标签时,效果同点击其对应的input标签

密码:

//单选,注意name要一致;checked表示默认选择

男: //单选,注意name要一致

女: //单选,注意name要一致

爱好: //多选,注意name要一致;checked表示默认选择

读书

听歌

看电影

居住地:

//下拉菜单,单选;设置selected属性的为默认选项,否则为第一项beijing

北京

深圳

上海

上传文件

//上传文件,accept表示接收的文件类型,其他类型不接收

//该控件是隐藏的,页面渲染时,value值由服务器随机提供;提交时,value会一并提交给服务器,服务器可以检验value是否遭到篡改,提升了安全性。

个人描述:

//接收大段字符,可以换行

点击我默认没有任何动作 //默认没有任何后续功能

提交

//button标签放在form标签中时,具有提交功能

//form标签常规的提交

//重置数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值