HTML DOM Input Text value 属性

Input Text value 属性

Input Text 对象参考手册 Input Text 对象

实例

修改文本域的值：

document.getElementById("myText").value = "Johnny Bravo";

尝试一下 »

定义和用法

value 属性可设置或者返回文本域的 value 属性值。

value 属性包含了默认值或用户输入的值（或通过脚本设置）。

浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器都支持 value 属性。

语法

返回 value 属性：

textObject.value

设置 value 属性：

textObject.value=text

属性值

值 描述
text 轨道了文本域的初始值

技术详情

返回值： 字符串，表示文本域的默认值

更多实例

实例

获取文本域的值:

var x = document.getElementById("myText").value;

x 输出结果为:

Mickey

尝试一下 »

实例

表单验证:

var at = document.getElementById("email").value.indexOf("@");
var age = document.getElementById("age").value;
var fname = document.getElementById("fname").value;
submitOK = "true";

if (fname.length>10) {
  alert("The name may have no more than 10 characters");
  submitOK = "false";
}
if (isNaN(age)||age<1||age>100) {
  alert("The age must be a number between 1 and 100");
  submitOK = "false";
}
if (at==-1) {
  alert("Not a valid e-mail!");
  submitOK = "false";
}
if (submitOK=="false") {
  return false;
}

尝试一下 »

实例

表单的下拉列表:

var mylist = document.getElementById("myList");
document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text;

尝试一下 »

实例

另一个下拉列表:

var no = document.getElementById("no");
var option = no.options[no.selectedIndex].text;
var txt = document.getElementById("result").value;
txt = txt + option;
document.getElementById("result").value = txt;

尝试一下 »

相关页面

HTML 参考手册: HTML <input> value 属性

Input Text 对象参考手册 Input Text 对象
目录
JavaScript 和 HTML DOM 参考手册
如何使用通义灵码学习JavaScript和DOM

JavaScript对象

JavaScript Array 对象
JavaScript Boolean 对象
JavaScript Date 对象
JavaScript Math 对象
JavaScript Number 对象
JavaScript String 对象
JavaScript RegExp 对象
JavaScript 全局属性/函数
JavaScript 运算符
JavaScript length 属性

Browser对象

Window 对象
Navigator 对象
Screen 对象
History 对象
Location 对象

DOM对象

HTML DOM Document 对象
HTML DOM 元素对象
HTML DOM 属性对象
HTML DOM 事件对象

HTML DOM对象

HTML DOM Anchor 对象
HTML DOM Area 对象
HTML DOM Audio 对象
HTML DOM Object 对象
HTML DOM Blockquote 对象
HTML DOM Body 对象
HTML DOM Button 对象
HTML DOM Canvas 对象
HTML DOM Column 对象
HTML DOM Columngroup对象
HTML DOM Datalist 对象
HTML DOM del 对象
HTML DOM Details 对象
HTML DOM Dialog 对象
HTML DOM Embed 对象
HTML DOM Fieldset 对象
HTML DOM Form 对象
HTML DOM Frame 和 IFrame 对象
HTML DOM Frameset 对象
HTML DOM Image 对象
HTML DOM ins 对象
HTML DOM Button 对象
HTML DOM Checkbox 对象
HTML DOM Input Color 对象
HTML DOM Input Date 对象
HTML DOM Input Datetime 对象
HTML DOM Input DatetimeLocal 对象
HTML DOM Input Email 对象
HTML DOM FileUpload 对象
HTML DOM Hidden 对象
HTML DOM Input Image 对象
HTML DOM Input Month 对象
HTML DOM Input Number 对象
HTML DOM Input Range 对象
HTML DOM Password 对象
HTML DOM Radio 对象
HTML DOM Reset 对象
HTML DOM Input Search 对象
HTML DOM Submit 对象
HTML DOM Input Text 对象
HTML DOM Input Time 对象
HTML DOM Input URL 对象
HTML DOM Input Week 对象
HTML DOM Keygen 对象
HTML DOM Link 对象
HTML DOM Label 对象
HTML DOM Legend 对象
HTML DOM Li 对象
HTML DOM Map 对象
HTML DOM Menu 对象
HTML DOM MenuItem 对象
HTML DOM Meta 对象
HTML DOM Meter 对象
HTML DOM Ol 对象
HTML DOM OptionGroup 对象
HTML DOM Option 对象
HTML DOM Parameter 对象
HTML DOM Progress 对象
HTML DOM 引用对象( <q>)
HTML DOM Script 对象
HTML DOM Select 对象
HTML DOM Source 对象
HTML DOM Style 对象
HTML DOM Table 对象
HTML DOM td / th 对象
HTML DOM TableHeader 对象
HTML DOM tr 对象
HTML DOM Textarea 对象
HTML DOM title 属性
HTML DOM Time 对象
HTML DOM Track 对象
HTML DOM Video 对象

HTML DOM 事件对象

onmouseleave 事件
onpaste 事件
onpageshow 事件
onpagehide 事件
ondurationchange 事件
onsuspend 事件
onprogress 事件
animationstart 事件
onseeked 事件
which 事件属性
metaKey 事件属性
onoffline 事件
button 事件属性
relatedTarget 事件属性
onshow 事件
clientX 事件属性
screenX 事件属性
ontoggle 事件
clientY 事件属性
bubbles 事件属性
ctrlKey 事件属性
shiftKey Event 属性
cancelable 事件属性
location 事件属性
currentTarget 事件属性
key 事件属性
timeStamp 事件属性

HTML DOM Body 对象

HTML DOM Body aLink 属性
HTML DOM Body bgColor 属性
HTML DOM Body link 属性
HTML DOM Body text 属性
HTML DOM Body vLink 属性

HTML DOM del 对象

HTML DOM del dateTime 属性
HTML DOM del cite 属性

HTML DOM Fieldset 对象

HTML DOM Fieldset disabled 属性
HTML DOM Fieldset form 属性
HTML DOM Fieldset name 属性

HTML DOM Dialog 对象

HTML DOM Dialog open 属性
HTML DOM Dialog close() 方法
HTML DOM Dialog show() 方法

HTML DOM Frame 和 IFrame 对象

HTML DOM Frame/IFrame contentDocument 属性
HTML DOM Frame/IFrame frameBorder 属性
HTML DOM IFrame height 属性
HTML DOM Frame/IFrame longDesc 属性
HTML DOM Frame/IFrame marginHeight 属性
HTML DOM Frame/IFrame marginWidth 属性
HTML DOM Frame/IFrame name 属性
HTML DOM Frame/IFrame src 属性
HTML DOM IFrame width 属性

HTML DOM Submit 对象

HTML DOM Submit form 属性
HTML DOM Submit name 属性
HTML DOM Submit type 属性

HTML DOM 引用对象

HTML DOM 引用对象 cite 属性

HTML DOM Input Number 对象

HTML DOM Input Number disabled 属性
HTML DOM Input Number form 属性
HTML DOM Input Number placeholder 属性
HTML DOM Input Number type 属性

HTML DOM Password 对象

HTML DOM Password defaultValue 属性

HTML DOM Link 对象

HTML DOM Link hreflang 属性

HTML DOM Script 对象

HTML DOM Script src 属性
HTML DOM Script defer 属性
HTML DOM Script src 属性

HTML DOM Select 对象

HTML DOM Select options 集合

拓展阅读

js中setinterval怎么用？怎么才能让setinterval停下来？

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }