HTML中form表单

最新推荐文章于 2022-06-11 18:48:44 发布
最新推荐文章于 2022-06-11 18:48:44 发布
阅读量103 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48143965/article/details/108058729
版权 
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>form表单</title>
	</head>

	<body>
		<!--
			action：指定表单数据目的地
			method：设置使用那个方法处理请求，例如get对应doGet，post对应doPost;  get会在地址栏显示数据，由此数据不安全。
			enctype ：设定在发送表单数据之前如何对其进行编码，属性值有三个：application/x-www-form-urlencoded（在发送前编码所有字符，默认值）
					  multipart/form-data（不对字符编码。在使用包含文件上传控件的表单时，必须使用该值）、
					  text/plain（空格转换为 “+” 加号，但不对特殊字符编码）
		-->
		<form action="" method="" enctype="multipart/form-data">

			<!--
				hidden:设置隐藏框，页面不显示，主要用于向服务器端传递隐函数
				name；指定隐藏框的name值，便于将来Servlet用于获取该框的数据
				value：用于设置默认值
				id:用于唯一标识该隐藏框,整个页面唯一，不允许重复，在确保唯一的前提下，常与name标签属性值相同
			-->
			<input type="hidden" name="xz" value="101" id="xz">

			<!--
				test:设置文本框
				name：用于Servlet获取该框的数据
				placehoder:设置提示信息
				value：用于设置默认值，此时placeholder提示信息不显示
				id:用于唯一标识该文本框,整个页面唯一，不允许重复，在确保唯一的前提下，常与name标签属性值相同
				maxlength：设置最长字符个数
				readonly：设置文本框内容只读，但是数据可以被Servlet获取
				disabled：禁用文本框，数据不能被捕获
			-->
			<input type="text" name="user_name" placeholder="请输入数据" value="admin" id="user_name" maxlength="5" <!--readonly="readonly"-->>

			<!--
            	password:设置密码框
            	name：用于Servlet获取该框的数据
            	placeholder：设置提示信息
            	value：用于设置默认值，此时placeholder提示信息不显示
            	id:用于唯一标识该密码框,整个页面唯一，不允许重复，在确保唯一的 前提下，常与name标签属性值相同
            	maxlength：设置最长字符个数
            	readonly:设置密码框内容只读，但是数据可以被Servlet获取
				disabled：禁用密码框，数据不能被捕获
           -->
			<input type="password" name="password" placeholder="请输入密码" value="admin" id="password" maxlength="5" readonly="readonly">

			<!--
            	name:用于Servlet获取该框的数据
            	id：用于唯一标识该下拉列表，整个页面唯一，不允许重复，在确保唯一的前提下，常与name标签属性值相同
            	multiple:设置下拉列表多选,此时request应该调用request.getParameterValues()获取所有的数据
            -->
			<select name="province" <!--multiple="multiple" -->>
				<option>---请选择---</option>
				<!--
                	value：设置选项值，将来该值被Servlet捕获
                	disabled:禁用,该项不能被选择
                	selected:默认选择项
                -->
				<option disabled="disabled">河南省</option>
				<option selected="selected">北京省</option>
				<option>天津市</option>
			</select>

			<!--
            	radio：设置单选框
            	name：用于servlet获取该框的数据
            	value：用于设置选项值，将来被servlet捕获
            	id：用于唯一标识该单选框，不能和name标签属性值相同
            	disabled：禁用某项
            	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" /> <label for="basketball">篮球</label>
			<input type="checkbox" name="hobby" value="1" id="foottball" /> <label for="foottball">足球</label>
			<input type="checkbox" name="hobby" value="2" id="pingpang"  checked="checked"/> <label for="pingpang">乒乓球</label>
			
			<!--
            	file:文件框
            	name：用于Servlet获取值，request.getParameterValues()
            	id：用于唯一标识该下拉列表，整个页面唯一，不允许重复，在确保唯一的前提下，常与name标签属性值相同
            	disabled：禁用文件框，数据不能被servlet获取
            	multiple：用于设置多选
            -->
			<input type="file" name="" id="" multiple="multiple">
			
			<!--
            	textarea:设置文本域
            	name：用于Servlet获取值
            	id：用于唯一标识该下拉列表，整个页面唯一，不允许重复，在确保唯一的前提下，常与name标签属性值相同           
            	cols:设置宽度
            	rows:设置高度
            	readonly:设置密码框内容只读，但是数据可以被Servlet获取
				disabled：禁用密码框，数据不能被捕获
				resize：CSS样式属性，用于设置是否禁止调整文本域大小
            -->
            <textarea name="" id="" cols="120" rows="10" style="resize: none;" disabled="disabled" readonly="readonly" >
            	ZZU
            </textarea>
            
            <!--
            	subbmit:提交表单
            	value：设置按钮的信息
            	id：唯一标识该按钮
            	disabled:禁用提交按钮
            	
            -->
            <input type="submit" value="提交" id="" disabled="disabled"/>
            <br  />
            <!--
            	resize:重制表单
            	value：设置按钮的信息
            	id：唯一标识该按钮
            	disabled:禁用提交按钮
            	
            -->
            <input type="reset" value="重制 "id="" disabled="disabled"/>
            <br  />
            <!--
            	button:仅仅是一个按钮，不会提交
            	value：设置按钮的信息
            	id：唯一标识该按钮
            	disabled:禁用提交按钮
            	
            -->
            <input type="button" value="按钮" id="" disabled="disabled" />
		</form>
	</body>

</html>

 

weixin_48143965
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
登录注册弹出框html,jQuery实现弹出窗口中切换登录与注册表单
weixin_42349182的博客
06-08 3578
当点击页面中的登录或注册按钮时，将会弹出一个模态窗口，就是一个弹出层，我们可以在弹出层上轻松的切换登录与注册表单，极大的方便用户，不需要关闭层再去点击转向其他操作，在很多网站上已经广泛应用。本文结合实例，通过使用jQuery以及CSS3和HTML5技术实现这一效果。HTML我们现在主页面上设置两个链接按钮，即登录和注册按钮。登录注册然后，建立模态窗口弹出层div.cd-user-modal，在弹出...
HTML 使用表单标签实现注册页面的实例代码
12-14
案例说明：　　　   　　　　- 使用表格实现页面效果  　　　　- 超链接不想要有效果，使用href="#" 　　　　- 如果表格里面的单元格没有内容，使用空格作为占位符   　　　　- 使用图片标签提交表单 <input type="image" src="图片的路径"/>   完整代码：   <html> <head> <title>World</title> </head> <body> <form action="01-hello.html" method="post"> <h3 align=
HTML-表单
weixin_34319999的博客
02-26 59
HTML表单是什么？ HTML表单是用户和web站点或应用程序之间交互的主要内容之一。它们允许用户将数据发送到web站点。大多数情况下，数据被发送到web服务器，但是web页面也可以自己拦截它并使用它。 在本文中，我们将构建一个简单的联系人表单 为了构建我们的联系人表单，我们将使用以下HTML元素:&lt;form&gt;, &lt;la...
简单注册表单--HTML练手项目3【Table】
weixin_30258027的博客
07-07 126
【本文为原创，转载请注明出处】 技术【HTML】 布局【Table】 步骤1 划分table布局 步骤2 填充内容 文本框+密码框+单选框+复选框+多行文本域+按钮 <input> <select><textarea> 步骤3 知识点整理 1.table https://www.cnblogs.com/Caixin...
aspnet登录界面代码_【原创技术分享】HTML简易登录注册表单制作
weixin_39867594的博客
11-22 970
HTML简易登陆注册表单制作登录页面在日常生活中十分常见。制作登录页面首先构思页面中想要哪些组成部分，可以打一个草稿，例如下图。在html文件中的标签下写入这些内容。(由于登录框和注册框结构类似，下图只展示登录框的代码。注册框同理，放在另一个id=”signup”的中，并且与登录框一同包含在类名为box的标签内)完成之后在浏览器中查看效果。(图中使用浏览器为Chrome)然而在理想的效果...
HTML相亲表单,HTML—— 表单标签（input,lable,textarea等）以及相亲网注册界面实现...
weixin_29826879的博客
06-24 444
概念表单目的是为了收集用户信息。在我们网页中， 我们也需要跟用户进行交互，收集用户资料，此时也需要表单。在HTML中，一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成。比如当我们在注册用户时，就包括： 表单控件：包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。提示信息：一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。...
HTML中Form表单的method属性使用介绍
09-28
method是指定数据如何发送到服务器的一个属性，实际就是提交数据，下面举个例子为大家简单介绍下Form表单的method属性的使用及注意事项，感兴趣的朋友可以参考下
HTML的form表单和django的form表单
09-18
主要介绍了HTML的form表单和django的form表单,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
HTML Form表单元素全面了解
09-28
下面小编就为大家带来一篇HTML Form表单元素全面了解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jQuery 实现form表单提交
shukebai的专栏
06-18 1112
function subbmit
html注册表
weixin_30276935的博客
09-15 1024
这是第一次使用html写一个简单的注册表（有不对的地方希望大家可以帮我指出来谢谢
HTML简单注册界面——含表单验证
热门推荐
荷塘月色
10-28 7万+
最近学习HTML表单，感慨万千。虽然看起来好像不难学，但要是真自己实践起来问题却多多。这里是我写的一个简单的注册页面，只有“注册账号、密码、重输密码”三个文本框，还包含了原生JavaScript验证。（记一下，也希望能给有需要的人一点帮助。）
HTML简单注册表单的实现
weixin_30585437的博客
09-17 825
<!DOCTYPE html> <html> <head> <title>信息表单</title> </head> <body> <form name="myform" method="get"> <center> <br><br><br&g...
html中完成注册怎么写,HTML标签实现简单注册界面
weixin_39604557的博客
05-31 906
看了教学视频，把代码和知识点都弄下来这里方便自己日后看。HTML的代码：注册页面新用户注册USER REGISTER用户名密码Email姓名手机号性别 男 女出生日期验证码 已有账号?立即登录下面是表单的笔记：* 表单：* 概念：用于采集用户输入的数据的。用于和服务器进行交互。* form：用于定义表单的。可以定义一个范围，范围代表采集用户数据...
基于HTML5手机登录注册表单代码
weixin_34066347的博客
07-13 1748
分享一款基于HTML5手机登录注册表单代码。这是一款鼠标点击注册登录按钮弹出表单，适合移动端使用。效果图如下： 在线预览    源码下载 实现的代码。 html代码： &lt;div class="demo"&gt; &lt;nav class="main_nav"&gt; &lt;ul&gt; &lt;...
【HTML】-- 用户注册表单
衍生星球的博客
06-11 7920
使用html标签做一个简单的注册表单，下面是一些常用的标签。 button标签：普通按钮，功能代码自定义。 submit：“确定” ，提交到后台。 reset：“取消” ，让表单控件原内容为空。 select标签：下拉选择框。 textarea：多行文本输入框。...
11.HTML5表单的创建
weixin_55391599的博客
10-31 163
<!doctype html> <html> <head> <meta charset="utf-8"> <title>11.HTML5表单的创建</title> </head> <body> 用户名：<input type="text"></br> 密码：<input type="password"></br> 你喜欢的水果有：</br>...
微信注册页面html实现,微信注册.html
weixin_33672838的博客
06-04 514
Document*手机号码：*验证码：/*-------------------------------------------*/var InterValObj; //timer变量，控制时间var count = 60; //间隔函数，1秒执行var curCount;//当前剩余秒数var code = ""; //验证码var codeLength = 6;//验证码长度function ...
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、付费专栏及课程。

余额充值