value 属性为 input 元素设定值,表单的值一般是元素的value属性:
<input value="value">
假设有以下form,拥有一个input字段(带空值预定义)以及一个提交按钮 :
提取表单值代码:
提交之后获取的结果是:
空值:
不为空:
扩展资料:
value 属性为 input 元素设定值。对于不同的输入类型,value 属性的用法也不同:
(1)type="button", "reset", "submit" - 定义按钮上的显示的文本;
(2)type="text", "password", "hidden" - 定义输入字段的初始值;
(3)type="checkbox", "radio", "image" - 定义与输入相关联的值;
参考资料:百度百科--value
javascript提供了获取表格中某一行单元格数的代码,参考如下:document.getElementById('first').cells.length // 获取id为first的行的单元格数目
实例演示如下:
创建Html元素
<div class="box">
<span>实例演示:获取表格第一行的单元格数量</span>
<div class="content">
<table>
<tr id="first"><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</table>
<input type="button" value="获取表格第一行的单元格数量" onclick="fun_get()">
</div>
</div>
简单设置一下css样式
div.box{width:300pxpadding:20pxmargin:20pxborder:4px dashed #ccc}
div.box>span{color:#999font-style:italic}
div.content{width:250pxmargin:10px 0padding:20pxborder:2px solid #ff6666}
table{border-collapse:collapse}
td{width:80pxheight:30pxline-height:30pxtext-align:centerborder:1px solid green}
编写jquery代码
<script>
function fun_get(){
alert(document.getElementById('first').cells.length)
}
</script>