form表单的用法
1. form表单有什么作用?
<form> 标签用于为用户输入创建 HTML 表单并向服务器传输数据。
应用场景:比如我们经常见到的注册界面、登录界面、问卷表单、用户信息收集表单等
2. 有哪些常用的元素,分别有什么作用?
2.1 如何收集用户名信息
用户名信息就是文本信息。输入文本信息即可。
选择使用
<input type="text" name="user_name" placeholder="请输入您的用户名">
2.2 如何让用户填写密码?
选择使用
<input type="password" name="user_password">
2.3如何做一个单选框 ?
<input type="radio" name="性别单选框" value="男" >
<input type="radio" name="性别单选框" value="女" checked="checked">
2.4 如何做一个复选框?
以下几个明星中,你最喜欢的是?:
<input type="checkbox" name="star" value="吴彦祖" checked="checked">吴彦祖
<input type="checkbox" name="star" value="杨幂">杨幂
<input type="checkbox" name="star" value="范冰冰">范冰冰
<input type="checkbox" name="star" value="佟大为">佟大为
2.5 如何做一个提交按钮
<input type="submit"/>
2.6 如何做一个重置输入按钮
<input type="reset" value="Reset"/>
2.7 选择你喜欢的颜色
<input type="color" name="prefercolor" value="#0000ff">
2.8 如何做一个下拉列表
<select name="year">
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995" selected>1995</option>
<option value="1996">1996</option>
</select>
2.8如何做一个输入文本框
<textarea placeholder="请写下您的问题"></textarea>
2.9 上传文件 input
<input type="file">
参考文档:
- https://segmentfault.com/a/1190000009400313
- http://www.jianshu.com/p/4af78fc8d6e9
- http://caibaojian.com/html-form.html
- http://www.jianshu.com/p/bb2f0cbc44e4
- http://www.phpboke.com/html-use-method.html
- http://book.jirengu.com/jirengu-inc/jrg-vip10/homework/%E6%9B%B9%E7%9D%BF%E9%AA%90/%E9%A5%A5%E4%BA%BA%E8%B0%B7%E4%BD%9C%E4%B8%9Amd%E6%A0%BC%E5%BC%8F/HTML%E8%A1%A8%E5%8D%95%E7%94%A8%E6%B3%95.md.html