get输入的所有会在地址栏全显示 不安全
post不显示在地址栏 安全
action发送到的位置
<form method="get/post" action="result.html">
</form>
<input type="text" name="fname" value="text"/>
单选按钮 type="radio" name要相同 因为是一组单选框
<input name="gen" type="radio" class="input" value="男" checked/>男
<input name="gen" type="radio" value="女" class="input"/>女
复选框 type="checkbox" name要相同 因为是一组复选框
<input type="checkbox" name="interest" value="play" checked/>玩游戏
<input type="checkbox" name="interest" value="swim" />游泳
<input type="checkbox" name="interest" value="run" />跑步
<select name="month" id="sId" size="1">
<option value="" selected>[选择月份]</option>
<option value="1">一月</option>
<option value="2">二月</option>
<option value="3">三月</option>
</select>
<input type="reset" name="butReset" value="重置按钮"/>
<input type="submit" name="butSubmit" value="提交按钮"/>
<input type="button" name="butButton" value="普通按钮" onclick="alert(this.value)"/>
<input type="image" src="images/Penguins.jpg" width="100px" height="100px"/>图片按钮
文本域
cols是行横着的
rows是列竖着的
<textarea name="showText" cols="40" rows="6">
自信、活泼、善于思考.....
</textarea>
文件域
<p>
<input type="file" name="files"/>
<input type="submit" name="upload" value="上传"/>
</p>
邮箱
<p>邮箱:<input type="email" name="email"></p>
<input type="submit" value="提交">
网址（会自动验证URL地址格式是否正确）
<p>请输入你的网址:<input type="url" name="userUrl"></p>
<input type="submit">
数字 自身具有验证功能
分别代表 最小值=0 最大值=100 step间隔是10
<p>请输入数字:<input type="number" name="num" min="0" max="100" step="10"></p>
<input type="submit">
滑块
<p><input type="range" name="range1" min="0" max="10" step="1" value="4"/></p>
<input type="submit">
搜索框
请输入搜索的关键词:
<input type="search" name="sousuo"/>
<input type="submit" value="Go"/>
常见的表单元素
input(text,password,radio,checkbox,submit,reset,email,url,number,range,search),select,textare
