input表单中的type属性【web前端】

input表单中的type属性

type属性取值:
text – 文字输入域(输入型)

password – 也是文字输入域,但是输入的文字以密码符号’*'显示(输入型)

file – 可以输入一个文件路径(输入型)

checkbox – 复选框,可以选择零个或多个(选择型)

radio – 单选框,只可以选择一个而且必须选择一个(选择型)【多个单选框如果只想选择一个把name值填写相同即可】

hidden – 代表隐藏域,可以传送一些隐藏的信息到服务器

button – 按钮(点击型)

image – 使用图片来显示按钮,使用src属性指定图像的位置(就像img标签的src属性)(点击型)

submit – 提交按钮,表单填写完毕可以提交,把信息传送到服务器,可以使用value属性来显示按钮上的文字(点击型)

reset – 重置按钮,可以把表单中的信息清空(点击型)

<!DOCTYPE html> 

<html> 

<head> 

<meta charset="utf-8"> 

<title>input属性</title> 

</head> 

<body>
<form method="post" action="mekka20.top/php">
账号<input type="text" value="账号">
密码<input type="password" value="密码">
文件提交<input type="file">
复选框<input type="checkbox">
单选框<input type="radio">
隐藏<input type="hidden">
按钮<input type="button">
图片按钮<input type="image">
提交<input type="submit">
重置<input type="reset">
邮箱<input type="email">
手机<input type="tel">
数字<input type="number">
url<input type="url">
搜索<input type="search">
区域<input type="range">
时间<input type="time">
年月日<input type="date">
月份<input type="month">
星期<input type="week">
颜色<input type="color">
</form>
</body> 

</html>

name输入的是你表单名称!
type是输入表单类型!
value是输入表单属性!

  • 3
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值