form表单

Xuanmo  发表于: 2016-03-17 00:42:08  分类: HTML & CSS  1115  0

action:规定当提交表单时向何处发送表单数据
method:规定提交表单的方法
get:不安全,URL长度有限制
post:安全,URL长度没限制
targrt:规定在何处打开 action URL
type:定义文本输入类型
name:向后台提交数据的标识
value:定义input元素的值
id:与label一起使用
class:input css类名
button标签在form表单里面不常用,因为他的默认属性就是submit


<form action="url" method="get/post" target="">
	<!-- 文本框 -->
	<input id="" class="" type="text" value=""/>
	<!-- 密码域 -->
	<input id="" class="" type="password" value=""/>
	<!-- 单选按钮 -->
	<input id="" class="" type="radio" value=""/>
	<!-- 多选按钮 -->
	<input id="" class="" name="" type="checkbox" value=""/>
	<!-- 选择文件 -->
	<input class="" type="file" value=""/>
	<!-- 普通按钮 -->
	<input type="button" value="button"/>
	<!-- 提交按钮 -->
	<input type="submit" value="submit"/>
	<!-- 重置按钮 -->
	<input type="reset"/>
	<!-- 文本域 -->
	<textarea cols="10" rows="5">多行文本;宽10 可显示5行</textarea>
	<select>
		<option>下拉菜单</option>
		<option>下拉菜单</option>
	</select>
	<!-- 隐藏域 -->
	<input name="" type="hidden" value=""/>
</form>

DEMO展示

  • 6人 Love
  • 0人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
form表单、html、前端笔记

作者简介:Xuanmo

打赏

生命的意义在于折腾。

共 0 条评论关于 “form表单”