HTML 表单属性

表单

通过<form>标签进行定义

属性
action 指向了一个url
name 表单名字
method 提交方式 get/post 默认是get
enctype enctype="multipart/form-data"以二进制的方式进行传输

一个完整的表单包含了哪些?

form标签 =表单域(表单元素)+提交按钮

表单元素
<input type="text" />单行文本框 默认如果不写type类型,是text类型
<input type="passwodr" />密码框

<input type="radio" />单选按钮
<inpur type="chechbox" />复选框
单选和复选,名字相同即为一组,checked="checked"

<label>提升用户体验
<label for="myID">男</label>
<label type="radio" id="myID">

<input type="file">
提交方式必须指定为post
要添加enctype="multipart/form-data"

button 只是一个普通的按钮,需要结合js
submit 提交
image 提交作用,可能会提交两次,不推荐使用
reset 重置

<fieldset>
<legend>标题</legend>
</fieldset>

<select>
<optgroup label="中国">
<option value="0" selected="selected">北京</option>
<option value="1" disabled="disabled">上海</option>
<option value="2">蚌埠</option>
</optgroup>
</select>
以下属性其他表单域都可以使用
<textarea></textarea>多行文本框
placeholder 默认提示
require 必填
readonly 制度
disabled 不接选择

<input type="hidden" name="myHidden" value="testtest">
隐藏域不会显示给用户,会通过name和value把值传递到后台

HTML5新的input类型
email 邮件类型
URL 需要合法的网址
<input type="number" min="5" max="10">
rang 表示了范围 min最小值 max最大值 value 当前值
date 日期
search 搜索
color 色板
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值