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