5、初认表单post和get提交

注册

文本输入框：input type="text" value="Leo的HTML 默认初始值 maxlength：最长能输入多少字符 size：文本框的长度

<p>用户名:<input type="text" name="username" maxlength="8" value="Leo的HTML" size="20"></p>

密码框：input type="password"

<p>密码：<input type="password" name="password"></p>

单选框标签： input type="radio" value:单选框的值 name:单选框的组(注意，name需要一致才可以成一组，成单选)

checked：可以为单选框预选一个值

<p><input type="radio" value="boy" name="sex">男
   <input type="radio" value="girl" name="sex">女
</p>

多选框 input type="checkbox" value:多选框的值 name：多选框的组，建议多选也选成一组

checked：可以为多选框预选一个值

<p>
    爱好:
    <input type="checkbox" value="sleep" name="hobby">睡觉
    <input type="checkbox" value="chat" name="hobby">聊天
    <input type="checkbox" value="code" name="hobby">敲代码
    <input type="checkbox" value="game" name="hobby">睡觉
</p>
<hr>

按钮

input type="button" 普通按钮 input type="image" 图片按钮 input type="submit" 提交按钮 input type="reset" 重置按钮

<hr>

下拉框，列表框 select name="name" option value="value"

selected可以为下拉框，预选一个值

<select name="列表名称" >
    <option value="china" selected>中国</option>
    <option value="usa">美国</option>
    <option value="japan">日本</option>
    <option value="indian">印度</option>
</select>
<hr>

文本域 textarea name="textarea" cols="" rows=""

<p>反馈
    <textarea name="textarea" cols="50" rows="10">文本内容</textarea>
</p>
<hr>

文件域 input type="file" name="files" input type="button" name="" value=""

<p>
    <input type="file" name="files">
    <input type="button" name="upload" value="上传">
</p>

邮箱验证

<p>
    邮箱：
    <input type="email" name="email">
</p>

URL验证

<p>
    URL：
    <input type="url" name="url">
</p>

数字验证

<p>
    数字：
    <input type="number" max="100" min="0" step="10" name="num">
</p>

滑块 input type="range" step:增加或减少的数幅度 max：最大值 min：最小值

<p>音量控制：<input type="range" name="voice" max="100" min="0" step="2"> </p>

搜索框

<p>搜索：<input type="search" name="search"></p>

 <p><input type="submit"> <input type="reset"></p>