【无标题】

最新推荐文章于 2024-02-17 12:36:47 发布

respectable-face

最新推荐文章于 2024-02-17 12:36:47 发布

阅读量418

点赞数

文章标签： html p2p 前端

本文链接：https://blog.csdn.net/m0_56309491/article/details/122791832

版权

<!--
       表单元素需要设置name属性值，否则数据无法传递
       input 元素
           type 表单元素的类型
               text 文本框
               password密码框-------------maxlength密码框中最多输入的字符个数
               radio单选框
               checkbox复选框
               button普通按钮
               hiddon隐藏域（用于存放需要传递给服务器，但不需要显示的数据）
               file文件域（上传文件）
               date日期框
               submit提交按钮
               reset重置按钮
               image图片按钮（提交按钮）
           value 表单元素的值(文本框中的默认值)
           checked 是否选中（单选框/复选框）
           disabled是否禁用
           maxlength允许输入最大字符

textarea文本域
cols和row---------宽度和行数
<textarea>填写内容</textarea>

简介：<textarea name="****"row="10"cols="50">1111</textarea>

label标签----聚焦
#<label for=""></label>-for属性与id聚焦（匹配） <input type="" name="" id="" value=""

<label for="姓名">姓名：</label><input type="text"value="****"id="姓名"/><br>

与表单按钮代码写法的区别

<input type="button"value="普通按钮"/>
		<input type="reset"value="重置按钮"/>
		<input type="submit"value="提交按钮"/>
		<!--<input type="image"src="../img/ds.png">-->
		<!--
		与input按钮的区别
		-->
		<button type="button">普通按钮</button>

<select name="city"multiple="multiple">
			<option value="">城市选择</option>
			<option value="河南">河南</option>
			<option value="周口">周口</option>
			<option value="扶沟">扶沟</option>
		</select><br>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单及表单元素</title>
	</head>
	<body>		
		<form action="#" method="get" id="myform" name="myform">
		编号：<input type="hidden" name="userId" value="1"/><br>
		<label for="姓名">姓名：</label><input type="text"value="***"id="姓名"/><br>
		密码：<input type="password"name="userpwd" /><br>
		性别：男 <input type="radio"name="usersex"value="男"/>
			 女 <input type="radio"name="usersex"value="女"/><br>
		爱好：唱歌 <input type="checkbox"name="userHobby"value="唱歌" checked/>
			  跳舞 <input type="checkbox"name="userHobby"value="跳舞"/><br>
		生日：<input type="date"name="userDate" /><br>
		头像：<input type="file"name="userHead"/><br>
		简介：<textarea name="remark"row="10"cols="50">1111</textarea><br>				
		城市：<select name="city"multiple="multiple">
			<option value="">城市选择</option>
			<option value="河南">河南</option>
			<option value="***">***</option>
			<option value="***">***</option>
		</select><br>
		<input type="button"value="普通按钮"/>
		<input type="reset"value="重置按钮"/>
		<input type="submit"value="提交按钮"/>
		<!--<input type="image"src="../img/ds.png">-->
		<!--
		与input按钮的区别
		-->
		<button type="button">普通按钮</button>	
	</form>		
	</body>
</html>

代码运行结果截图