HTML5 양식의 새로운 속...로그인

HTML5 양식의 새로운 속성

입력 태그의 새로 추가된 고유 속성

1) autofocus 속성

="text" autofocus ="autofocus"/> 이 속성은 현재 페이지의 입력 태그가 로드된 후 포커스를 갖도록 설정할 수 있습니다.

2) max, min, step위에서 소개한 내용인데 모두 숫자와 관련되어 있습니다.

3) 자리 표시자:데모가 포함된 프롬프트 정보 속성입니다.

4) 다중: 파일 업로드 제어에 사용됩니다. 이 속성을 설정하면 여러 파일을 업로드할 수 있습니다.

5) 유효성 검사 속성: 필수 속성을 설정하면 제출 전에 현재 텍스트 상자에 데이터 입력이 있어야 하며 이 모든 작업이 브라우저에 의해 자동으로 완료됩니다.

Jq Validate를 사용할 때와 마찬가지로 멋지네요. 또한 패턴 정규식 확인도 추가되었습니다.

데모: input type="text" autofocus="autofocus" 필수 패턴="d+" />

6) 또 다른 큰 개선 사항은 양식 속성이 추가된 것입니다. 즉, 모든 태그는 <form></form>으로 래핑할 필요 없이 해당 태그가 양식에 속함을 지정할 수 있습니다.

데모를 살펴보겠습니다. <input type="text" form="demoForm" name="demo"/>

새 속성이 추가되었습니다. 양식 양식 태그

1) novalidate 속성은 양식을 제출할 때 양식 또는 입력 필드의 유효성을 검사하지 않도록 지정합니다.

데모: <form action="" method="POST" novalidate="true"></form>

2)autocomplete 속성은 양식을 지정합니다. 또는 입력 필드에 자동 완성 기능이 있어야 합니다.

아아아아


다음 섹션
<body> <!-- placeholder:用于在文本框未输入时提示作用 autofocus:用于控件自动获取焦点 --> <input type="search" name="key" value="" results="s" placeholder="君乐宝" autofocus="true"> <input type="button" name="" value="搜索"> <br> <!-- novalidate:在控件中加入了required、emial、url等验证后,如果想让这些验证失效,可以在表单中将novalidate设置为tyue --> <form action="upload.php" method="post" accept-charset="utf-8" id="form1" novalidate="true"> <!-- required:必填 autocomplete:在网页的文本框中输入部分内容或者双节时,经常会看到在下面显示输入过的内容, 这就是html5的新特性:自动完成,如果不想使用此功能,将其设置为off即可 --> <input type="text" name="UserName" value="" required autocomplete="off"> <br> <!-- multiple:在选择文件时,默认只能单选,加上这个属性后,则可以使用鼠标选中多个文件进行上传 --> 选择文件 <input type="file" name="upload" value="" multiple="multiple"> <br> <!-- list:这个属性要和datalist元素一起使用,指定此文本框的可选择项,另外其相较于select的优点在于还可以输入 --> 区号: <input type="text" name="age" value="" list="list1"> <br> <datalist id="list1"> <option value="0312">保定</option> <option value="0311">石家庄</option> <option value="010">北京</option> <option value="0313">唐山</option> </datalist> <!-- formaction:可以更改点击此按钮式提交到服务器的处理程序 formmethod:可以更改向服务器提交数据的方式 --> <input type="submit" name="subsave" value="提交"> <input type="submit" name="subresset" value="更改" formaction="1.php" formmethod="get"> </form> </body>
코스웨어