登陆与注册
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登陆注册</title>
</head>
<body>
<h1>注册</h1>
<!--action是表单提交的位置，可以是网站也可以是一个请求地址-
method表示提交方式，其有get和post两种方式：
get方式提交时，我们可以看到我们提交的信息，不安全，但是很高效
post比较安全，可以传输大文件-->
<form action="Resources" method="get"></form>
<!--文本输入框：input type="text"
value表示默认的值
maxlength表示在文本框中最多可以输入的字符个数
size表示文本框的长度
hidden表示隐藏，虽然我们看不到，但是他的值还是在的
readonly表示只读，就是对文本框中的内容不能修改-->
<p>名字：<input type="text" name="username" value="娟娟子" maxlength="8" size="20" readonly></p>
<p>密码：<input type="password" name="password" hidden></p>
<p>性别：
<!--radio表示的是单选框，单选框必须包含input type value name-
需要注意的是单选框中的name值应该是一样的。checked表示默认选中
disabled表示禁用，表示不能再进行选择使用-->
<input type="radio" value="boy" name="sex" >男孩
<input type="radio" value="girl" name="sex" checked disabled>女孩
</p>
<p>多选框：
<!--checkbox表示的是多选框，多选框跟单选框一样，都需要有input type value name
checked表示默认选中-->
<input type="checkbox" value="sleep" name="hobby" checked> 睡觉
<input type="checkbox" value="work" name="hobby"> 工作
<input type="checkbox" value="eat" name="hobby"> 吃
<input type="checkbox" value="play" name="hobby"> 玩儿
</p>
<p>按钮：
<input type="button" value="点击按钮" name="1">
<input type="image" src="Resources"><!--图片也可以作为按钮使用-->
</p>
<p>下拉框：
<!--下拉框中的selected表示默认情况下会显示的国家-->
<select name="列表名称">
<option value="us">美国</option>
<option value="China" selected>中国</option>
<option value="JP">日本</option>
<option value="EG">俄国</option>
<option value="YD">印度</option>
<option value="ELS">俄罗斯</option>
<option value="SEWY">塞尔维亚</option>
</select>
<p>反馈：
<!--textarea表示文本域，通过cols和rows可以设置文本区域的大小-->
<textarea name="textarea" cols="50" rows="10" >文本内容</textarea>
</p>
<p>添加文件：
<input type="file" name="files">
<input type="button" value="上传" name="uoload">
</p>
<p>邮箱验证：
<input type="email" name="email">
</p>
<p>URL验证：
<input type="url" name="url">
</p>
<p>数字验证：
<input type="number" name="num" max="100" min="0" step="1">
</p>
<p>滑块：
<input type="range" max="100" min="0" name="voice" step="2">
</p>
<p>搜索框：
<input type="search" name="search">
</p>
<p>
<input type="submit"> <!--提交-->
<input type="reset"> <!--重置-->
</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登陆注册</title>
</head>
<body>
<h1>注册</h1>
<!--action是表单提交的位置，可以是网站也可以是一个请求地址-
method表示提交方式，其有get和post两种方式：
get方式提交时，我们可以看到我们提交的信息，不安全，但是很高效
post比较安全，可以传输大文件-->
<form action="Resources" method="get"></form>
<!--文本输入框：input type="text"
value表示默认的值
maxlength表示在文本框中最多可以输入的字符个数
size表示文本框的长度
hidden表示隐藏，虽然我们看不到，但是他的值还是在的
readonly表示只读，就是对文本框中的内容不能修改-->
<p>名字：<input type="text" name="username" value="娟娟子" maxlength="8" size="20" readonly></p>
<p>密码：<input type="password" name="password" hidden></p>
<p>性别：
<!--radio表示的是单选框，单选框必须包含input type value name-
需要注意的是单选框中的name值应该是一样的。checked表示默认选中
disabled表示禁用，表示不能再进行选择使用-->
<input type="radio" value="boy" name="sex" >男孩
<input type="radio" value="girl" name="sex" checked disabled>女孩
</p>
<p>多选框：
<!--checkbox表示的是多选框，多选框跟单选框一样，都需要有input type value name
checked表示默认选中-->
<input type="checkbox" value="sleep" name="hobby" checked> 睡觉
<input type="checkbox" value="work" name="hobby"> 工作
<input type="checkbox" value="eat" name="hobby"> 吃
<input type="checkbox" value="play" name="hobby"> 玩儿
</p>
<p>按钮：
<input type="button" value="点击按钮" name="1">
<input type="image" src="Resources"><!--图片也可以作为按钮使用-->
</p>
<p>下拉框：
<!--下拉框中的selected表示默认情况下会显示的国家-->
<select name="列表名称">
<option value="us">美国</option>
<option value="China" selected>中国</option>
<option value="JP">日本</option>
<option value="EG">俄国</option>
<option value="YD">印度</option>
<option value="ELS">俄罗斯</option>
<option value="SEWY">塞尔维亚</option>
</select>
<p>反馈：
<!--textarea表示文本域，通过cols和rows可以设置文本区域的大小-->
<textarea name="textarea" cols="50" rows="10" >文本内容</textarea>
</p>
<p>添加文件：
<input type="file" name="files">
<input type="button" value="上传" name="uoload">
</p>
<p>邮箱验证：
<input type="email" name="email">
</p>
<p>URL验证：
<input type="url" name="url">
</p>
<p>数字验证：
<input type="number" name="num" max="100" min="0" step="1">
</p>
<p>滑块：
<input type="range" max="100" min="0" name="voice" step="2">
</p>
<p>搜索框：
<input type="search" name="search">
</p>
<p>
<input type="submit"> <!--提交-->
<input type="reset"> <!--重置-->
</p>
</body>
</html>
浙公网安备 33010602011771号