不同类型的 HTML5 新表单输入属性

<input> formnovalidate属性

这是一个布尔值属性。
它指定在提交页面时不应验证<input>元素。

它覆盖了<form>元素的Novalidate属性。

注意:它用于"提交"按钮。

<!DOCTYPE html>

<html>

<body>

<form action="default.aspx">

Enter Email: <input type="email" name="Uid" <br>

<input type="submit" value="Submit" <br>

<input type="submit" formnovalidate="formnovalidate" value="Submit without validation" 

</form>

</body>

</html>

<input> formtarget属性

它定义了名称或者关键字,该名称或者关键字定义了在提交表单后显示服务器接收的响应的位置。

formtarget属性的<form>元素覆盖的目标属性。

注意:它与type="submit"和type="image"一起使用

例子:

<!DOCTYPE html>

<html>

<body>

<form action="default.aspx">

Enter First name: <input type="text" name="fname" <br >

Enter Last name: <input type="text" name="lname" <br >

<input type="submit" value="Submit normally" >

<input type="submit" formtarget="_blank" value="Submit to The new window/tab" >

</form>

</body>

</html>

<input>list 属性

它包含<DataList>元素,而<DataList>包含预先定义<Input>元素的选项。

<input list="browsers" 

<datalist id="browsers">

<option value="Firefox">

<option value="Safari">

<option value="Chrome">

<option value="Opera">

<option value="Internet Explorer">

</datalist>

<input> min和max属性

此属性指定<Input>元素的最小值和最大值。

注意:此属性适用于这些输入类型:编号,范围,日期,日期时间,Datetime-local,月,时间和星期。

<!DOCTYPE html>

<html>

<body>

<form action="default.aspx">

Enter a date before 1985-05-05:

<input type="date" name="Hday" max="1980-12-01"><br >

Enter a date after 2002-05-05:

<input type="date" name="Hday" min="2002-06-06"><br >

Item No (between 1 and 10):

<input type="number" name="Item no" min="1" max="10" <br >

<input type="submit" >

</form>

</body>

</html>

<input>height和width 属性

此属性用于指定<input>元素的高度和宽度。

注意:此属性仅适用于<input type="image">。

注2:此属性始终指定图像的高度和宽度。
如果要指定高度和宽度,则在加载页面时保留图像所需的空间。
如果不设置此属性,浏览器不知道高度和宽度,并且无法为其保留适当的空间。

<input type="image" src="myimage.jpg" alt="Submit" width="50" height="50">

<input>multiple属性

它是接受布尔值,而此属性指定的属性可以将多个值输入<Input>元素。

注意:此属性和"Email"和"file"一起使用。

Select images: <input type="file" name="image" multiple="multiple" >
日期:2020-04-11 23:04:05 来源:oir作者:oir