htmlinput type HTML DOM Input URL type 属性

htmlinput type

HTML input type 属性用于定义 HTML 表单中的输入字段的类型。它可以是文本字段、复选框、单选按钮、提交按钮等等。

<input type="text" name="name">  // 文本字段
<input type="checkbox" name="vehicle" value="Bike">  // 复选框
<input type="radio" name="gender" value="male">  // 单选按钮
<input type="submit" value="Submit">  // 提交按钮

HTML input 类型还可以用来创建一个日期输入字段，如：

 <input type="date" name="bday"> 

这将显示一个日历，用户可以在其中选择一个日期。此外，还可以使用 HTML input 类型来创建一个文件上传字段：

 <input type="file" name="pic" accept=".jpg,.png,.gif,.pdf,.docx,.pptx,etc."> 

这将显示一个文件上传对话框，用户可以在其中选择要上传的文件。此外，还可以使用 HTML input 类型来创建一个隐藏字段：

 <input type = "hidden” name = "token” value = "1234567890” /> 

隐藏字段不会显示在表单中，但是它可以用来保存数据并将其提交到服务器。此外，HTML input 类型还可以用来创建一个重置表单的重置字段：

 <input type = "reset” value = "Reset Form” /> 

HTML input 类型还可以用来创建一个图片作为 submit 按钮的图片字段：

 <input type = "image” src = “image.jpg” alt = “Submit Button” /> 

此外，HTML input 类型还可以用来创建一个 URL 输入字段：

 <input type = “url” name = “website” placeholder= “https://example.com/” /> ; 
  

 < p >URL 输入字段将要求输入者输入合法的 URL 并检测格式是否正确。此外，HTML input 类型还可以用来创建一个数字输入字
HTML DOM Input URL type 属性

		
			

			
			
Input URL type 属性
 Input URL 对象



实例
返回 URL 字段的表单元素类型:

	var x = document.getElementById("myURL").type;
x输出结果为：
url




定义和用法

type 属性返回 URL 字段的表单类型类型。


对于 input type="url", 该属性通常返回 "url"。

浏览器支持


所有主流浏览器都支持 type 属性
注意： Internet Explorer 或 Safari  浏览器不支持使用 type="url" 属性的 HTML <input> 元素。

语法

	urlObject.type
技术细节

返回值：
	
字符串，表示 URL 字段的表单元素类型
  


 Input URL 对象