html表单标签基础

表单标签

1.form【表单】(链接用户和服务器,用户填数据,将表单发送给服务器)

user——>表单——>webserver(服务器) 【过程称为:请求(request)】

user<——表单<——webserver(服务器) 【过程称为:返回(reponse)】

<form.></form>

​ 

点我

<form。 action="网站"> <input type="text">(输入内容)【input:输入,接受用户输入数据】(搜索按钮) 百度一下 </form>

(输入内容) (搜索按钮) 百度一下

所有表单元素需放在form标签内

2.mothod

method:用来定义数据传递到服务器的方式

其属性如下:

get:https://网址【毫无安全性,适合轻量级,安全性不高的数据】

post:https://网址(数据不会再网址中显示)【安全性高】

3.账户和密码单

<form. action="#"> <di.v> <input type="text" value="cqie"> <input type="password" value="123456"> </div>

</form>

4.单选(ridio)

checked:标签的布尔属性【写上即有效】(只有删除标签才能去掉属性,checked=“false”无效)

<input type="radio" name="sex" checked> <input type="password" name="sex">

多选(checkbox)

<input type="checkbox" name="sex" value="男" id="man" checked> <input type="password" name="sex" value="女" id="womam">

5.文件域

input type=”file“ accept=<" .jpg, .png, .gif ">【限制输入文件类型】

表单按钮

分为:1.普通按钮 2.提交按钮 3.重置按钮

1.普通按钮 (验证码)【本身无任何功能,需添加js去实现功能】

<button type="button" value="普通按钮"></button>

2.提交按钮(必要)【登陆,注册,提交,发送,发布,保存】

<button type="submit" value="提交按钮"></button>

3.重置按钮(少用)

<button type="reset" value="重置按钮"></button>

下拉列表select(具有布尔属性)

<select. name="" id=""> <option value="cq">重庆</option> <option value="sh">上海</option> <option value="nm">牛马</option> </select>

     重庆     上海     牛马 

文本区域【可容纳无限数量文本】

<div.> <testarea> </testarea> </div>

require【必填项,具有布尔属性。只管有无内容,不管对错】
placeholder【对输入框进行注释,提醒用户输入内容】
readonly【只读】
disabled【表示该元素禁止使用】、

共用样式

button{

cursor:pointer;【改变光标变为手势】

}

input,button,select,{

ouline:none;【表单元素外壳边框去掉】

}

textaera{

resize:none;【用户调整文本域的功能去掉】

}

光标闪烁:聚焦状态【focus】

.myput{

}

​​

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值