form表单
form表单
此处因用户了菜鸟教程网站form部分内容
[HTML 表单 | 菜鸟教程 (runoob.com)]()
<input type="text" id="name" name="name" required>
<br>
<!-- 密码输入框 -->
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
<br>
<!-- 单选按钮 -->
<label>性别:</label>
<input type="radio" id="male" name="gender" value="male" checked>
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label>
<br>
<!-- 复选框 -->
<input type="checkbox" id="subscribe" name="subscribe" checked>
<label for="subscribe">订阅推送信息</label>
<br>
<!-- 下拉列表 -->
<label for="country">国家:</label>
<select id="country" name="country">
<option value="cn">CN</option>
<option value="usa">USA</option>
<option value="uk">UK</option>
</select>
<br>
<!-- 提交按钮 -->
<input type="submit" value="提交">
input标签常见的属性:
name 表示该文本输入框的名字
size 输入框的长度大小
maxlength 输入框中允许输入字符的最大数
value 输入框中的默认值
readonly 表示该框中只能显示,不能添加修改
input的类型
type-password 密码输入框
type-file 文件上传
type-hidden 隐藏域:当表单元素想要表示一个不希望用户直接看到或编辑,但仍需提交到服务器的数据字段时使用
button 按钮
type-submit 提交按钮
type-reset 重置按钮
checkbox 选择框
radio 多选框
动手写一个简单的包含form表单的页面