4.From【表单】
<form action="#" method="GET" name="from_name">
表单
</form>
action:1.要跳转的页面或网址 2.发送数据的php文件url
method:1.GET 2.post
name :1.标识名 2.方便引用
Input
用户名:<input type="text" placeholder="文本框">
密 码:<input type="password" placeholder="密码框">
<input type="submit" value="提交按钮">
<input type="reset" value="重置按钮">
name = "标识名"
value = "发送的信息值"
placeholder = "文字提示"
maxlength = "10" //输入字符最大长度
size = "20" //输入框长度,默认20
lable【单选框】
性别:
<label for="sex1">
男<input type="radio" name="sex" value="m" id="sex1" />
</label>
<label for="sex2">
女<input type="radio" name="sex" value="w" id="sex2" />
</label>
checkbox【复选框】
兴趣爱好:
写代码<input type="checkbox" name="instr" value="code"/>
睡觉<input type="checkbox" name="instr" value="sleep" />
打游戏<input type="checkbox" name="instr" value="game" />
吃方便面<input type="checkbox" name="instr" value="mian" />
hidden【隐藏字段】
隐藏字段:<input type="hidden" name="标识名" value="需要发送的信息" />
<!--一般用于发送附带信息,开发者使用-->
file【文件上传】
文件上传: <input type="file" name="file" />
image【图片提交按钮】
<input type="image" src="../img/head_tel.jpg" alt="图像替代文本" />
select【下拉菜单】
居住地:
<select name="">
<optgroup label="浙江">
<option value="3" label="杭州">杭州</option>
<option value="5">金华</option>
</optgroup>
<optgroup label="北京">
<option value="1">海淀区</option>
<option value="2">朝阳区</option>
<option value="4">昌平区</option>
</optgroup>
</select>
Button
<button type="submit">提交按钮</button>
<button type="reset">重置按钮</button>
<button type="button">按钮</button>