与用户的交互--HTML表单标签
发布日期:2022-02-28 20:48:30 浏览次数:46 分类:技术文章

本文共 932 字,大约阅读时间需要 3 分钟。

与用户的交互--HTML表单标签<form>

 

网站怎样与用户进行交互?答案是使用HTML表单<form>。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。

 

1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。(所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在 <form></form> 标签之间)

2.label标签label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。(意思就是被加了label标签的文字,点击之后当前目标会自动转移到文字所连接的表单上)

3.input标签 

<input> 标签规定了用户可以在其中输入数据的输入字段。

<input> 元素在 <form> 元素中使用,用来声明允许用户输入数据的 input 控件。

输入字段可通过多种方式改变,取决于 type 属性。

4.placeholder属性:placeholder属性为输入框占位符,里面可以放提示的输入信息。

 

下面看一段代码解释一下:

    
表单标签

 运行结果如下

 

单选框和复选框

1、type:

   当 type="radio" 时,控件为单选框

   当 type="checkbox" 时,控件为复选框

2、checked:当设置 checked="checked" 时,该选项被默认选中

下面看一段代码

你是否喜欢打篮球?
喜欢
不喜欢
无所谓
你对哪些运动感兴趣?
篮球
排球
羽毛球
乒乓球

运行结果:

注意:同一组的单选按钮,name 取值一定要一致,比如上面例子为同一个名称“danxuan”,这样同一组的单选按钮才可以起到单选的作用。 

 

转载地址:https://blog.csdn.net/weixin_53379398/article/details/116271861 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:如何设置一个烦人的网页弹窗--CSS层模型之固定定位
下一篇:高温不怕热,GVS智能家居为你打造夏日清爽雅居

发表评论

最新留言

表示我来过!
[***.240.166.169]2024年03月22日 02时10分30秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

linux php mkdir失败,linux – mkdir错误:参数无效 2019-04-21
config.php渗透,phpMyAdmin 渗透利用总结 2019-04-21
php打开vue项目空白,如何解决Vue 2.0在IE11中打开项目页面空白的问题 2019-04-21
php类中 数组变量,php – 从数组中访问类变量 2019-04-21
Php判断二中二算法中奖,PHP+MySQL应用中使用XOR运算加密算法(2) 2019-04-21
php接收自定义header_php通过header发送自定义数据方法 2019-04-21
中sort的用法_Linux: 史上最全的sort命令案例,打包带走吧 2019-04-21
大数据综合能力测试_如何做好大数据测试 2019-04-21
黑马程序员PHP制作年历_PHP学习路线图--第一阶段web前端 2019-04-21
找对象年龄差多大最好_给单身男人的忠告:找对象时,不要犯这3个错 2019-04-21
trans系列是sci几区_怎么确定SCI论文期刊是几区的 2019-04-21
pyecharts查看版本_pyecharts v1 版本 学习笔记 饼图,玫瑰图 2019-04-21
php共享内存扩展,怎么给PHP开启shmop扩展实现共享内存 2019-04-21
linux中判断用户是否存在,linux 判断当前用户是否是root 2019-04-21
linux 3389进程,Linux下进行windows远程桌面连接(3389) 2019-04-21
linux 内核裁剪的具体过程和方法,Linux内核裁剪的具体过程和方法 2019-04-21
linux浏览器加载js脚本失败,简单几步解决win10ie页面的js脚本文件无法加载的问题... 2019-04-21
linux系统不能刷新率,如何在LINUX中设置刷新率! 2019-04-21
linux脚本调用db2存储过程,DB2存储过程示例 2019-04-21
编译linux+centos内核源码包,在CentOS 7上用源代码编译最新的Linux内核 2019-04-21