信息采集表

最新推荐文章于 2023-12-22 18:13:44 发布

genjiv

最新推荐文章于 2023-12-22 18:13:44 发布

阅读量176

点赞数

本文链接：https://blog.csdn.net/genjiv/article/details/117389497

版权

需要用到的标签

name ------- 元素的名称

value ----- 元素的值

id -------- 元素的唯一标识符

size -------- 以字符的个数设定元素的宽度

checked -------- 元素是否被选中

label 标签是为Input标签定义的标签（不会给用户展示任何样式）

readonly ---------- 输入的字段是只读，不能做任何修改

disabled ------ 禁用input元素，被禁用的input是不可用，也不可以点击

required------- 提交信息的时候，如果你的Input是空的时候，会有相关的提示

autofocus -------- 当页面打开的时候，会自动获取光标

pleaceholder--------提供可描述输入字段预期值的提示信息(hint)

maxlength --------- 元素接受字符个数的上限

select标签

option

selected

textarea 标签

cols --------- 以字符个数设定的多行文本框的宽度

rows -------- 以字符个数设定的多行文本框的高度

补充html5对input中type属性的补充：

type=”email“

type = "number"

type="color"

type = "date"

type = ”datetime-local“

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>注册列表</title>
</head>
<body align="center">
<h1>用户注册</h1>
<P>用户<input type="text" name="username" required autofocus></P>
<p>密&nbsp;&nbsp;&nbsp;码<input type="pwd" name="password" required autofocus></p>
<P>请选择你的性别<input type="radio" value="男" name="gender">男
<input type="radio" value="女" name="gender">女</P><p>
请选择你的喜好：
<input type="checkbox">足球
<input type="checkbox">篮球
<input type="checkbox">LOL
<input type="checkbox">韩剧
<input type="checkbox">王者荣耀
</P>
<p>
邮箱：<input type="email" placeholder="请输入您的邮箱">	</p>
<P>
	用户头像：<input type="file"></P>
	<P>
	您的家庭住址：<select>
		<option>西安</option>
		<option>永川</option>
		<option>江北</option>
		<option>万州</option>
	</select></P>
	<P>
	您的收货地址是：<select multiple="multiple">
		<option>西安</option>
		<option>永川</option>
		<option>江北</option>
		<option>万州</option>
	</select></P><p>
	请留下您的建议或者意见：
	<textarea cols="20" rows="5">您的建议或者意见
	</textarea></p>
	<P>
	请选择您喜欢的颜色：
	<input type="color">
	注册的时间：
	<input type="datetime-local">
	</P><P>
	<input type="submit" value="注册">
	<input type="reset"value="重置"></P>
</body>
</html>