如何设置htmlcheckbox为必填内容

如何设置htmlcheckbox为必填内容,第1张

html如何设置必填

2022-02-17 14:18:11 1967 百度已收录

本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

在html中,可以使用required属性来设置必填项,需要在input元素标签中添加“required="required"”样式即可。required属性规定必需在提交之前填写输入字段。如果使用该属性,则字段是必填(或必选)的。

本教程 *** 作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

HTML5引入的必填项

required属性

required 属性规定必需在提交之前填写输入字段。

如果使用该属性,则字段是必填(或必选)的。

语法:

1

<input required="required">

特点:

适用于<input>标签的以下类型:text,search,url,telephone,email,password,date pickers,number,checkbox,radio以及file。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>required属性</title>

</head>

<body>

<form action="demo-form.php">

Username: <input type="text" name="usrname" required />

<input type="submit" />

</form>

<p>

<strong>注意:</strong>Internet Explorer 9及更早 IE 版本,或 Safari

不支持 input 标签的 required 属性。

</p>

</body>

</html>

效果:

阅读剩余部分

<SCRIPTLANGUAGE=JavaScript<!--//functiontextCounter(field,countfield,maxlimit){//定义函数,传入3个参数,分别为表单区的名字,表单域元素名,字符限制;if(field.value.lengthmaxlimit)//如果元素区字符数大于最大字符数,按照最大字符数截断;field.value=field.value.substring(0,maxlimit)else//在记数区文本框内显示剩余的字符数;countfield.value=maxlimit-field.value.length}//--</SCRIPT<formname=myformaction=<textareaname=messagewrap=physicalcols=28rows=4onKeyDown=textCounter(this.form.message,this.form.remLen,5)onKeyUp=textCounter(this.form.message,this.form.remLen,5)</textarea尚能输入<inputreadonlytype=textname=remLensize=4maxlength=3value=5个字符</div</form给你段代码自己看看吧


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6153889.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存