10. 表单的注册
<body>
<!--表单form <form></>form>需要写在form标签之内
<form action="1.我的第一个网页.html" method="get">
action:表单提交的位置，可以是网站，也可以是一个请求处理地址
method: get/post 提交方式
get方式提交：我们可以在url中看到我们提交的信息， 所以不安全 但是高效
post方式提交: 看不到提交的信息 ， 所以安全 另外还可以传输大文件
-->
<form action="1.我的第一个网页.html" method="get">
<!---->
<!--
input 输入框
文本输入框 <input type="text" name="username">
value="默认初始值为intelliyu" 默认初始值
maxlength="5" 能输入的最多几个字符
size="15" 文本框的长度
-->
<p>名字： <input type="text" name="username" value="默认初始值为intelliyu" maxlength="5" size="15"></p>
<!--
密码输入框 <input type="password" name="pwd">
-->
<p>密码：<input type="password" name="pwd"></p>
</form>
<!--单选框标签：
<input type="radio" value="boy" name="sex" checked/>
value:单选框的值
name:表示组
checked 表示默认选中
-->
<form>
<p>性别：
<input type="radio" value="boy" name="sex"/>男
<input type="radio" value="girl" name="sex" checked/>女
</p>
</form>
<!--
多选框标签：
<input type="checkbox" value="code" name="hobby" checked>
checked 表示默认选中
-->
<form>
<p>爱好：
<input type="checkbox" value="code" name="hobby" checked>敲代码
<input type="checkbox" value="playgame" name="hobby">打电动
<input type="checkbox" value="sleep" name="hobby">睡觉
</p>
</form>
<!--按钮标签
普通按钮:
<input type="button" name="btn1" value="按钮上面的字">按钮1
value ： 表示按钮上面的字
图片按钮：
<input type="image" src="../resources/image/1.jpg" >
src 表示图片路径
归纳:
input type="button" 普通按钮
input type="image" 图片按钮
input type="submit" 提交按钮
input type="reset" 重置按钮
-->
<form>
<p>按钮：
<input type="button" name="btn1" value="按钮上面的字">按钮1
<input type="image" src="../resources/image/1.jpg" >按钮2
</p>
<p>
<input type="submit">提交的
<input type="reset" value="清空表单">重置的
</p>
</form>
<!--下拉框 列表框
<select name="列表名称">
<option value="选项的值" selected>日本</option>
<option value="China">中国</option>
</select>
selected表示默认选中的框
-->
<form>
<p>下拉框:
<select name="列表名称">
<option value="China" selected>中国</option>
<option value="usa">美国</option>
<option value="选项的值" selected>日本</option>
<option value="选项的值">意大利</option>
</select>
</p>
</form>
<!--
文本域:
<textarea name="textarea" cols="10" rows="30">文本内容</textarea>
cols 表示列
rows 表示行
-->
<!--
文件域
<input type="file" name="files">
name的值可以随便自己定义 而且name值得写，不写上传之后在地址栏中看不到 因为是用name的值=""来显示的
-->
<form>
<p>文本域:反馈:
<textarea name="textarea" cols="50" rows="10">文本内容</textarea>
</p>
<p>文件域：
<input type="file" name="files">
<input type="button" value="按钮上面的字" name="upload">
</p>
</form>
<!--一些扩充
<p>邮件验证
<input type="email" name="emails">
</p>
<p>url验证
<input type="url" name="url">
</p>
<p>数字验证
<input type="number" name="number" max="100" min="0" step="5">
</p>
<p>滑块（比如音量）
<input type="range" name="voice" max="100" min="0">
</p>
<p>搜索框
<input type="search" name="search">
</p>
-->
<form>
<p>邮件验证
<input type="email" name="emails">
</p>
<p>url验证
<input type="url" name="url">
</p>
<p>数字验证
<input type="number" name="number" max="100" min="0" step="5">
</p>
<p>滑块（比如音量）
<input type="range" name="voice" max="100" min="0">
</p>
<p>搜索框
<input type="search" name="search">
</p>
</form>
<!--写在form外面没反应-->
<p>
<input type="submit">提交的
<input type="reset" value="清空表单">重置的
</p>
<h3>input标签都需要name值</h3>
</body>
