HTML DOM Input Text 对象(html document对象)

boyanx6天前技术教程2

Input Text 对象

Input Text 对象代表 HTML 中 type="text" 的 <input> 元素。

访问 Input Text 对象

你可以通过 getElementById() 访问 type="text" 的 <input> 元素:

var x = document.getElementById("myText");尝试一下

提示: 同样,你可以通过查找表单 elements 集合来访问 Input Text 对象。

创建 Input Text 对象

你可以通过 document.createElement() 方法来创建 type="text" 的 <input> 元素:

var x = document.createElement("INPUT");

x.setAttribute("type", "text");

Input Text 对象属性

= HTML5 新增属性。

属性描述
autocomplete设置或返回文本域的 autocomplete 属性值
autofocus在页面加载后设置或返回文本域是否自动获取焦点
defaultValue设置或返回文本域的默认值
disabled设置或返回文本域是否禁用
form返回一个对包含文本域的表单对象的引用
list返回一个对包含文本域的选项列表对象的引用
maxLength设置或返回文本域中的最大字符数
name设置或返回文本域的名称
pattern设置或返回文本域的 pattern 属性值
placeholder设置或返回文本域的 placeholder 属性值
readOnly设置或返回文本域是否应是只读的
required设置或返回 whether the text field must be filled out before submitting a form
size设置或返回文本域的 size 属性值
type返回文本域的表单元素类型
value设置或返回文本域的 value 属性值

Input Text 对象方法

方法描述
blur()从文本域中移除焦点
focus()让文本域获取焦点
select()选取文本域的内容

标准属性和事件

Input Text 对象同样支持标准 属性 和 事件。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

标签: css禁止选中

相关文章

HTML-注册页面 212(注册页面代码html)

使用table布局和表单元素编写一个注册页面1)注册页面<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml&#...

Python爬虫:用Beautifulsoup爬取html文本数据

Beautifulsoup介绍:是一个高效的网页解析库,可以从HTML或XML文件中提取数据支持不同的解析器,比如,对HTML解析,对XML解析,对HTML5解析就是一个非常强大的工具,爬虫利器一个灵...

用Python做个随机点名系统,禁止逃课

今天给大家分享一个随机点名的系统并把它打包成exe,压迫感来了没有~一、实现随机点名# -*- coding: UTF-8 -*-import tkinter as tkfrom pandas imp...

CSS奇思妙想-使用background创造美妙背景(上篇)

本文将介绍一些利用 CSS 中的 background、mix-blend-mode、mask 及一些相关属性,制作一些稍微复杂、酷炫的背景。通过本文,你将会了解到 CSS background 中更...

手机实验室:安卓机的快速充电头不可混用啊!

在锂电池技术没有大突破、新能源电池尚未应用到电子产品的环境下,续航问题一直困扰着广大手机用户。而快速充电技术的出现则让用户使用零碎的时间为手机充进更多的电量。可以说从另外一方面来解决续航问题。但依然有...

css篇一 什么是css、css的作用以及css的基本格式

一、什么是csscss的英文全称是:Cascading Style Sheets,翻译过来叫:层叠样式表。这其中有两个关键字,一个是层叠一个是样式。样式指的是给html调整样式层叠指的是可以叠加调整,...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。