表单:
1.收集用户的输入,发送到后台 <form action="后台地址" method="提交方式" enctype="multipart/form-data" >
表单元素
</form>
2.提交方式:get(默认,对长度有限制,有风险涉及隐私)form;html?zhanghao&mima=qwe
post:(说白了这个代码就是没有限制长度,不涉及隐私)
表单元素:
文本类型:文本框(text) 密码框(password) 隐藏域 (hidden)多行文本(textarea)
选择类型:单选(radio) 多选(checkbox) 下拉(select ,option)
按钮类型:普通按钮(button) 提交按钮(submit)重置按钮(reset)
其它类型:文件(file),图片(img),日期(date),颜色(color)
fieldset:表单的外边框 legend:表单的标题
label标签(用于方便选中,在页面中不一定勾选方框,点击字体也可以勾选上)
<input type="text"> tesx--文本
<input type="password"> password--密码框
<input type="color"> color--颜色框
button:提交按钮
如有需要即该属性里面的“值”即可根据需要来进行修改选择。
表单元素的通用格式
<input type="表单类型">
不通用的:
1.下拉格式
select name="" id="">
<option value="">未知</option>
</select>
2.多行文本
<textarea name="" id="" cols="30" rows="10">
</textarea>
<body>
<fieldset> --------这个就相当于一个框架,然后legend就是标题
<legend align="center">表单元素的标题</legend>
<form action="#" method="post"> -------action里面就是“后台地址”,method就是“提交方式”
账号:<input type="text" name="uid"><br> --------------------------------------------------------------input type表单元素的通用格式,name就是起个名字。
密码:<input type="password" name="pwd"><br>
隐藏域:<input type="hidden" name="hid" value="123"/><br>------若要进行隐藏东西则用 value=“???”
<input type="submit" value="提交"><br> ----不管是“普通按钮” “提交按钮” “重置按钮”都用<input type=“???(按钮的代码)” value=“???(名字)”
爱好:<input type="checkbox">篮球
<input type="checkbox">足球
<input type="checkbox">乒乓球
<input type="checkbox">棒球
<input type="checkbox">排球
<input type="checkbox">羽毛球<br>
单选: <label>
<input type="radio" name="z">男
</label>
<label>
<input type="radio" name="z">女
</label><br>
民族选择:<select name="" id="">
<option value="">汉族</option>
<option value="">彝族</option>
<option value="">蒙古族</option>
<option value="">壮族</option>
<option value="">苗族</option>
<option value="">满族</option>
</select>
</form>
</fieldset>
</body>