form表单中的内容,提交后都是 key:value 的形式
-
type="text" 表示输入文本(type="password" 表示密码输入框,其他与 type="text"相同)
<input type="text" name="user" placeholder="请输入用户名" maxlength="10">
- placeholder 表示输入框中的提示。
- maxlength 表示最大输入长度(字符)。
-
type="radio" 表示单选按钮。一定要有 name 和 value 属性
<input type="radio" name="sex" value="man" checked>
- name 用来区分是否是同一组单选按钮。
- value 后台接收的值。
- checked 表示该按钮被选中。
-
type="checkbox" 表示多选框。 如果 name 设为不同,那么可以省略 value (不建议)
<input type="checkbox" name="hobby" value="ball" checked>
- 如果 name 不同,value可以省略。
- value 是后台接收的值。
- checked 表示该选项被选中。
但是,如果选项很多,name就需要很多,所以用数组表示
<input type="checkbox" name="love[0]" value="ball" checked>
<input type="checkbox" name="love[1]" value="ball" checked>
<input type="checkbox" name="love[2]" value="ball" checked>
如果省略value,后台得到的是 name:on。
-
type="submit" 表示提交按钮
<input type="submit" value="提交">
- value 是按钮的内容。不写,内容默认为“提交”。
-
type="hidden" 表示隐藏域
<input type="hidden" name ="url_delete" value="index.php">
会向 value 中的地址发请求,隐藏域主要用于
- 1.缓存数据
- 2.安全校验(后台生成一个值给页面,页面再次提交时,对比 value 值是否相同来进行校验)
另外,所有的 input 标签都可以通过 disabled 来禁止。 input 有 focus 状态。
需要强调的是,所有的 input 都要有 name 属性。
-
textarea 标签,表示文本域
<textarea name="user" placeholder="请输入用户名" maxlength="10"></textarea>
属性的效果和 type="text" 的相同
再说一下下拉菜单 select 标签
select 标签一定要有 name 属性
option 标签一定要有 value 属性
<select name="sport">
<option value="basketball" selected >basketball</option>
<option value="football">football</option>
<option value="baseball">baseball</option>
</select>
提交后,后台的结果为 sport:basketball
网友评论