当前位置: 首页> 娱乐> 明星 > 表单标记form

表单标记form

时间:2025/9/6 4:14:24来源:https://blog.csdn.net/qq_74861982/article/details/142236508 浏览次数:0次

1.form:表单域标记,表示表单范围,所有的表单元素必须放进form标记中

2.input:用来设置表单输入元素,<input>元素根据不同的属性,可以有多种形式,如文本框(text),密码框(password),单选框(radio),复选框(checkbox),按钮(button),提交按钮(submit)

3.option:下拉列表标记,通过option元素定义下拉选项

4.textarea:文本域标记

写了大量注释哦

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><h1>表单标记</h1><!-- 表单常见属性name:表单域名字action:设置跳转链接method:表单跳转方法,决定了表单中已经收集的数据以何种方式发送到服务器端有post get两种onsubmit:处理表单的脚本程序--><form action="后端处理程序" method="post"><!-- type类型text:单行文本框password:密码框radio:单选按钮checkbox:复选框submit:提交按钮 reset:重置按钮button:普通按钮file:文件域hidden:隐藏域--><!--文本框 maxlength:size:文本框长度,默认24px,px表示像素value:文本框默认值 --><p>文本框:<input type="text" size="30"></p>    <!-- 密码框maxlength:size:文本框长度,默认24px,px表示像素value:文本框默认值 --><p>密码框:<input type="password"></p><!--单选按钮name:设置按钮的名称,对单选按钮中的多个按钮,任何时刻只能一个被选中value:按钮选中后传到服务器中的值checked:表示单选按钮被选中 注意这里的name值要一样,不然就不是单选框了,(而是双选框)--><p>单选框:<input type="radio" name="r">男 <input type="radio" name="r" id="">女</p><!-- 复选框name:设置按钮的名称,对单复选按钮组中的多个按钮,同一时刻可以对格被选中value:按钮选中后传到服务器中的值checked:表示复选按钮被选中 --><p>兴趣爱好:<input type="checkbox" name="c1">跑步锻炼<input type="checkbox" name="c1">写算法<input type="checkbox" name="c1">阅读</p><!-- 下拉列表框name:设置列表名称value:选项的值selected:选中的选项 属性:size:列表中同时显示的个数,默认为1multiple:设置列表项目可以多选--><p>省份:<!-- 指定每次只能选一个 --><select size="1"><option value="1">天津</option><option value="2">北京</option><option value="">新疆</option><option value="">内蒙古</option></select></p><!-- 文本域标记name:文本域名称rows:设置文本域的行数cols:设置文本域的列数 --><p><textarea rows="10" cols="20">留言信息</textarea></p><!-- 提交按钮name:设置按钮名称value:提交按钮上显示的文本 --><input type="submit"><!-- 重置按钮name:设置按钮名称value:重置按钮上显示的文本 --><input type="reset"><!--普通按钮 name:设置按钮名称value:重置按钮上显示的文本 onclick:表示处理表单的脚本函数普通按钮没有默认值,需要设置value值submit和reset也可以通过设置value值改变按钮名称 --><input type="button" value="普通按钮">   <br><!--文件域name:设置文件域的名称--><p>文件域: <input type="file"> </p><!-- 隐藏域name:隐藏域名字value:影藏域传递的名字是一个隐藏的区域,浏览者无法看到,主要用途是在不同页面之间传递数据--><p><input type="hidden"></p></form>
</body>
</html>

关键字:表单标记form

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: