<!--表单所有标签-->
<form action="" method="" name=""> 单行文本框:<input type="text" name="" id=""><br> 密码框:<input type="password" name="" id=""><br> 没啥用的按钮:<input type="button" name="" id="" value="按钮"><br> 提交按钮:<input type="submit" name="" id=""><br> 图片形式的提交按钮:<input type="image" name="" id=""><br> 重置按钮:<input type="reset" name="" id=""><br> 单选框:<input type="ridio" name="" id=""><br> 复选框:<input type="checkbox" name="" id=""><br> 下拉框:<select name="" id=""><br> <option value="">请选择</option> </select> 文本域:<textarea name="" id="" cols="30" rows="10"></textarea><br> 上传按钮:<input type="file" name="" id=""><br> 隐藏域:<input type="hidden" name=""><br> </form>
输出显示:
(1)<form></form>:代表Html的表单.
a)Action:指定表单数据提交到哪里
b)Method:指定表单提交数据的方式
c)Name:指定表单的名字
(2)文本框(单行)
<input type=’text’id=""name=""value=""/>
a)type:规定input元素的类型
b)Id:指定input元素的ID,唯一标识此元素
c)Name:规定input元素名字
d)Value:设置input元素的值
e)Placeholder:设置输入内容的提示信息
(3)密码框:
<input type=’password’id=""name=""value=""/>
(4)普通按钮(不具备提交表单的功能):
<input type=’button’id=""name=""value=""/>
(5)提交按钮(具有提交表单的功能)
<input type=’submit’id=""name=""value=""/>
(6)图片形式的按钮(具有提交表单的功能)
<input type=’image’src="" id=""name=""value=""/>
(7)重置按钮(清空表单空间里的内容):
<input type=’reset’id=""name=""value=""/>
(8)单选框(name必须设置相同的名字):
<input type=’radio’id=""name=""value=""/>
a)checked=’checked’:默认选中
b)点击文字实现单选效果:(label中的for属性值必须和radio元素中的id值相同)
(9)多选框:
<input type=’checkbox’id=""name=""value=""/>
a)默认选中:checked=”checked”
(10)下拉框:
<select id="" name="">
<option value=""></option>
</select>
(11)(多行)文本域:
<textarea id="" name=""></textarea>
a)cols:设置文本域的宽度
b)Rows:设置文本域的高度
(12)上传按钮:
<input type="file" name="" id="">
(13) 隐藏域:
<input type="hidden" name="" id="">