HTML中form表单

最新推荐文章于 2022-10-25 16:36:25 发布
最新推荐文章于 2022-10-25 16:36:25 发布
阅读量122 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46384325/article/details/107342075
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>百度一下，你就知道</title>
	</head>
	<body>
		<!--
        	action:指定表单数据目的地
        	method：设置使用哪个方法处理请求: get-doGet，地址栏显示数据，不安全,post-doPost地址栏不显示数据，安全，且数据承载量比get大;
        	enctype:默认为"application/x-www-form-urlencoded"，上传文件需改为"multipart/form-data"
        -->
		<form action="" method="" enctype="application/x-www-form-urlencoded">
			<!--
            	hidden：设置隐藏框，页面不显示，主要用于向服务器端传递隐含数据
            	name：指定隐藏的name值，将来Servlet用于获取该框的数据
            	value：用于设置默认值
            	id:用于唯一标识该隐藏框，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性值相同
            -->
			<input type="hidden" name="id" value="11"/>
			
			<!--
            	text:默认值，设置文本框
            	name：用于servlet获取该框的值
            	placeholder：设置提示信息
            	value：用于设置默认值
            	id:用于唯一标识该文本框，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性值相同
            	maxlength:设置最长字符个数
            	readonly:设置文本框内容只读，但是数据可以被Servlet获取
            	disabled：禁用文本框,数据不可以被Servlet获取
            -->
			<input type="text" name="user_name" placeholder="请输入文本" value="admin" id="user_name" maxlength="10" readonly="readonly" disabled="disabled"/>
			
			<!--
            	password:默认值，设置密码框
            	name：用于servlet获取该框的值
            	placeholder：设置提示信息
            	value：用于设置默认值
            	id:用于唯一标识该密码框，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性值相同
            	maxlength:设置最长字符个数
            	readonly:设置密码框内容只读，但是数据可以被Servlet获取
            	disabled：禁用密码框,数据不可以被Servlet获取
            -->
			<input type="password" name="password" placeholder="请输入密码" value="admin" id="user_name" maxlength="5" readonly="readonly" disabled="disabled"/>
			
			<!--
            	name：用于servlet获取该框的值
            	id:用于唯一标识该下拉列表，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性值相同
            	multiple:设置下拉列表多选，此时Servlet应该调用request.getParameterValue()获取所有数据
            -->
			<select name="province" id="province" multiple="multiple">
				<option>--请选择--</option>
				
				<!--
                	value：用于设置默认值，将来被Servlet获取
                	disabled：禁用下拉项,该项不能被选择
                	selected:用于设置默认选项
                -->
				<option value="001" disabled="disabled">北京市</option>
				<option value="002" selected="selected">天津市</option>
				<option value="003">上海市</option>
			</select>
			
			<!--
        		radio：设置单选框
            	name：用于servlet获取该框的值
            	value：用于设置默认值
            	id:用于唯一标识该单选框，不与name标签属性值相同
            	disabled：禁用单选框,数据不可以被Servlet获取
            	checked:用于设置默认选中项
            -->
			<input  type="radio" name="sex" value="0" id="female" disabled="disabled"/><label for="female">女</label>
			<input  type="radio" name="sex" value="1" id="male" checked="checked"/><label for="male">男</label>
			
			<!--
        		checkbox：设置复选框
            	name：用于servlet获取该框的值，request.getParameterValues()
            	value：用于设置默认值,被Servlet捕获
            	id:用于唯一标识该单选框，不能与name标签属性值相同
            	disabled：禁用复选框,数据不可以被Servlet获取
            	checked:用于设置默认选中项
           -->
			<input type="checkbox" name="hobby" value="0" id="basketball" disabled="disabled"/><label for="basketball">篮球</label>
			<input type="checkbox" name="hobby" value="1" id="football"/><label for="football">足球</label>
			<input type="checkbox" name="hobby" value="2" id="pingpang" checked="checked"/><label for="pingpang">乒乓球</label>
		
			<!--
        		file：设置文件框
            	name：用于servlet获取该框的值
            	id:用于唯一标识该下拉列表，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性值相同
            	disabled：禁用文件,数据不可以被Servlet获取
            	multiple:选择多个文件
           -->
			<input type="file" name="" id="" disabled="disabled" multiple="multiple"/>
			
			<!--
        		textarea：设置文本域
            	name：用于servlet获取该框的值，request.getParameterValues()
            	id:用于唯一标识该下拉列表，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性值相同
            	disabled：禁用文本域,数据不可以被Servlet获取
            	checked:用于设置默认选中项
            	cols:
            	rows:
            	readonly:设置文本域内容只读，但是数据可以被Servlet获取
            	resize:CSS样式属性，用于设置是否禁止调整文本域大小
           -->
           	<textarea name="" id="" cols="120" rows="10" style="resize: none;" disabled="disabled" readonly="readonly">
           		
           	</textarea>
			
			<!--
				submit：提交表单
				value：设置按钮信息
            	id:用于唯一标识该按钮
            	disabled：禁用提交按钮
           -->
			<input type="submit" value="提交" disabled="disabled" id=""/>
			
			<!--
				reset：重置表单
				value：设置按钮信息
            	id:用于唯一标识该按钮
            	disabled：禁用重置按钮
           -->
			<input type="reset" value="重置"/>
			
			<!--
				button：仅仅是一个按钮，不会提交表单
				value：设置按钮信息
            	id:用于唯一标识该按钮
            	disabled：禁用按钮
           -->
			<input type="button" value="按钮"/>
		</form>
	</body>
</html>
Stay_close
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML中Form表单的method属性使用介绍
09-28
HTML中的`<form>`元素是创建用户交互表单的核心，用于收集用户输入的数据，并将其发送到服务器进行处理。`method`属性是`<form>`标签的一个关键属性，它定义了如何将这些数据发送到服务器。在HTML中，`method`属性有...
HTML的form表单和django的form表单
09-18
HTML的form表单和Django的form表单是Web开发中的两种重要概念，它们在构建交互式用户界面中起着核心作用。HTML的form表单主要用于收集用户输入的数据，而Django的form表单则是一种更高级的抽象，用于处理这些数据的...
Html.BeginForm方法没有生成Form标签的问题
Andrewniu的博客
09-08 1662
在做一个mvc3项目的时候，发现有的页面的form标签没有生成（用@Html的方法），于是不得不手写原生的form标签，今天决定把问题找一找。 我的页面是这样的，一个layout页，里面有几个RenderSection，一个RenderBody ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
html标签丢失导致参数丢失
zhaofuqiangmycomm的博客
10-25 498
因为form表单的标签也是闭合的，中间包含着各个参数， 若中间的标签少了一个就会导致
form表单在调试工具中找不到了
fjnjxr的博客|PHP每周一贴
08-03 1654
今天又遇到奇葩的问题，明明代码中有form表单，但是调试工具中死活不显示，导致其绑定的submit事件执行不了，后来排错过程中发现，在右键查看源代码中是红色显示，仔细检查原因，发现同一页面的代码的其它地方有form表单没有闭合，将表单闭合，一切正常。 总结，html出现问题首先需要考虑的就是标签的闭合。
html标签隐藏与消失了,为什么我的HTML标签消失了？
weixin_39548733的博客
06-03 436
我正在创建一个包含三个组件的网站。 (我将添加JQuery和CSS，但是现在我只是想解决一些基本的机制)我的结构是：表示层的HTML文件。用于客户端处理的JAVASCRIPT文件用于服务器端处理的PHP文件。以下是我的代码：HTML：/p>"http://www.w3.org/TR/html4/loose.dtd">CD Riplist QueryCD Riplist Query使用J...
HTML中Form表单的使用
热门推荐
pan_junbiao的博客
06-20 5万+
1、form表单标记 表单标记以<form>标记开头，以</form>标记结尾。在表单标记中可以定义处理表单数据程序的URL地址等信息。 <form>标记的基本语法如下： <form action="url" method="get | post" name="formName" onsubmit="" target=""> </for...
jQuery中设置form表单中action值的实现方法
10-22
在网页开发中，表单（`<form>`）是用户与服务器进行交互的重要元素，而`action`属性则是决定表单提交后数据处理的位置。在jQuery这个强大的JavaScript库中，改变`form`表单的`action`属性值是常见的需求，尤其是在...
html隐藏form样式,form表单标签
weixin_36270006的博客
06-04 1256
Html form 表单区域标签元素一、Form表单区域标签语法与结构： �?br /> Method的值为get时，是通过URL传内容与参数,这个时候我们通过网址URL能看见自己填写内容提交处�?/p>Method的值为post时，是通过类似缓存传填写内容与参数，而URL是不能看到form表单填写内容提交内容�?/p>对于html 表单form标签，有了form表单及提交方式(...
HTMLform表单组件
qq_46384325的博客
07-25 233
文本框 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input id="name" /> <script> document.getElementById("name").focus();//获取id为name的焦点 functio
html怎么样写表单，表单详细教程
十三月的博客
08-13 1万+
表单： 注意：html里属性都是字符串！ 注意：button必须写在tr里，否则程序卡死！ 不切割换行键:ctrl+回车 <form method="POST"> <table> <tr> <td>姓名</td> <td><input type="text" id="uname" name="uname"></td> </tr> </table> </form&
html如何看数据是不是写死的,jQuery会死吗?我为什么不用vue写富文本
weixin_28726083的博客
06-04 312
一、事件背景：我最近开源了一个个人耗时半年打造的富文本及一套适用于web后台的ui框架，在gitee上受到网友们的关注，部分网友对我采用jquery的技术栈提出了质疑。总结起来：无非是jquery已经落后，不久将死。甚至有少数网友很激进：非vue技术栈，你不应该加入我这个群，不管你做得多好。对应这个事情，首先我一般不反驳，因为我对vue，jquery有自己的应用场景度量。但是对于这种不分场景应用而...
简历-求职简历-word-文件-简历模版免费分享-应届生-高颜值简历模版-个人简历模版-简约大气-大学生在校生-求职-实习
08-25
简历-求职简历-word-文件-简历模版免费分享-应届生-高颜值简历模版-个人简历模版-简约大气-大学生在校生-求职-实习 简历是展示个人经历、技能和能力的重要文档，以下是一个常见的简历格式和内容模板，供您参考： 简历格式： 头部信息：包括姓名、联系方式（电话号码、电子邮件等）、地址等个人基本信息。 求职目标（可选）：简短描述您的求职意向和目标。 教育背景：列出您的教育经历，包括学校名称、所学专业、就读时间等。 工作经验：按时间顺序列出您的工作经历，包括公司名称、职位、工作时间、工作职责和成就等。 技能和能力：列出您的专业技能、语言能力、计算机技能等与职位相关的能力。 实习经验/项目经验（可选）：如果您有相关实习或项目经验，可以列出相关信息。 获奖和荣誉（可选）：列出您在学术、工作或其他领域获得的奖项和荣誉。 自我评价（可选）：简要描述您的个人特点、能力和职业目标。 兴趣爱好（可选）：列出您的兴趣爱好，展示您的多样性和个人素质。 参考人（可选）：如果您有可提供推荐的人员，可以在简历中提供其联系信息。 简历内容模板： 姓名: 联系方式: 地址: 求职目标: （简短描述您的求职意
JAVA版基于netty的物联网高并发智能网关
最新发布
08-25
JAVA版基于netty的物联网高并发智能网关
粮食波动率等相关农业数据（2011-2022）（全新整理）
08-25
1、资源内容地址：https://blog.csdn.net/2301_79696294/article/details/141441802 2、代码特点：今年全新，手工精心整理，放心引用，数据来自权威，相对于其他人的控制变量数据准确很多,适合写论文做实证用 ，不会出现数据造假问题 3、适用对象：大学生，本科生，研究生小白可用，容易上手！！！ 3、课程引用: 经济学，地理学，城市规划与城市研究，公共政策与管理，社会学，商业与管理 数据内容： 1.人均粮食产量 2.粮食总产量 3.粮食产量波动率（（当年粮食产量-历年粮食产量均值）/均值）：粮食生产受自然因素和市场等经济社会因素影响较大，常常表现出一定的波动。粮食产量波动率是衡量粮食生产稳定能力的重要指标之一。粮食产量波动率 Rt＝（Yt−Yt＇）／Yt＇，其中 Yt表示 t 年粮食总产量，Yt＇ 表示粮食产量 5 年移动平均值。 4.粮食播种面积 5.粮食单位面积产量 6.谷物/非谷物产量 7.秋收/夏收粮食产量 8.粮食进口数量 9.粮食进口金额 10.粮食出口金额 11.粮食外贸依存度（粮食进出口总额/农业
html中form表单上传图片
06-10
要在HTML中的表单中上传图片，可以使用input元素的"type"属性设置为"file"，示例如下： ``` <form action="your-action-url" method="POST" enctype="multipart/form-data"> 选择图片： 上传 </form> ``` 其中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值