form表单的简单介绍

  • 时间:
  • 浏览:
  • 来源:互联网

form表单的适用场景
1、注册 2、登录 3、搜素
书写格式:form 父元素、input 子元素

<form  action = " " method = " ">
<input>
</input>
</form>

其中:action属性表示提交地址,method属性表示提交方式(get/post),get为默认值
input标签中type的取值
text:单行文本输入框设置默认值,添加(value)
number:数字输入框
password:密码输入框
radio:单选框(inout添加checked为被选中)
checkbox:多选框(inout添加checked为被选中)
file:上传文件
color:获取颜色
按钮
button:普通按钮
submit:提交按钮
reset:重置按钮(恢复默认值)
注:用户输入不需要value值,用户选择需要value
selecte下拉列表
select父元素、optgroup(子元素为option,使用label添加分类名)或option子元素
注:1、select多选功能,添加multiple属性。2、默认值添加再selected在option上

本文链接http://element-ui.cn/article/show-220223.aspx