js里面的框

Ⅰ 用js里怎么写输入框

用js里怎么写输入框
把输入框放到一个form表单里
<form name="frm">
<input type="text" name=“name” id=“id_name”..../>
</form>
这样在js里就可以document.frm.name.value就是输回入框的值
或者答document.getElementById("id_name").value也是可以的

Ⅱ javascript 如何获取表单中所有文本框

先获取到form表单
然后获取表单中所有input标签，循环判断获取到的input的type，如果没有type，或者回type是答text，或者type为空 的就是文本框了

var inputs = document.getElementById("form的id").getElementsByTagNames("input");
var ls = [];
for(var i=0;i<inputs.length;i++)
{
var type = inputs[i].getAttribute("type")
if(!type||type==""||type=="text")
{
(function(ele){
ls[ls.length] = ele
}(inputs[i]))
}
}
ls里就是所有文本框了

Ⅲ js中实现点击一个元素加边框,点击另一个元素去掉前一个元素边框,当前元素加边框

使用：.addClass('active').siblings().removeClass('active')；即可

解释：给当前选中的增加边框.addClass('active')

给原先选中的取消边框.siblings().removeClass('active')

详细如下：

<style type="text/css">
.clr:after{clear:both;display:block;overflow:hidden;height:0;content:".";}
.clr{zoom:1;}
.price{width:100%;}
.price a{width:100px;height:40px;line-height:40px;text-align:center;background:#eee;float:left;margin:0 5px;display:block;cursor:pointer;}
.price a.active{border:1px solid red;}
</style>

<div class="price clr">
<a>5元</a>
<a>10元</a>
<a>100元</a>
<a>200元</a>
</div>

<script type="text/javascript" src="引用jquery.js或zepto.js"></script>
<script type="text/javascript">
$(function(){
$('.price a').click(function(){
$(this).addClass('active').siblings().removeClass('active');
});
});
</script>

效果如下：

Ⅳ js中设置div边框高度

关于div 底部边框的属性
var div1 = document.getElementById("d1");
div1.style.
borderBottom
borderBottomStyle
borderBottomColor
borderBottomWidth
存在这几个。。也可以内
div1.setAttribute(name,value);来设置属容性

Ⅳ js中如何弹出一个可以输入多个信息的提示对话框

思路：

如果要输入多个信息，那么原生的提示框肯定不符合要求，需要自己定义。

一般都是使用div层模拟提示框，这样就可以随便布局了。

代码示例：

1、定义CSS
<styletype="text/css">
body{
height:100%;
overflow:auto;
margin:0;
}
#test_Div{
position:fixed;
_position:absolute;
top:50%;
left:50%;
border:2pxsolid#C0C0C0;/*弹出框边框样式*/
background-color:#FFFFFF;/*弹出框背景色*/
display:none;
}
*html{
overflow:hidden;
position:absolute;
}
</style>

2、简单点，引入JQuery
<scripttype="text/javascript"src="js/jquery.min.js"></script>
<scripttype="text/javascript"src="js/jquery_ui/js/jquery-ui-1.9.2.custom.min.js"></script>

3、弹出层

functionshow_Win(div_Win,tr_Title,event){
vars_Width=document.documentElement.scrollWidth;//滚动宽度
vars_Height=document.documentElement.scrollHeight;//滚动高度
varjs_Title=$(document.getElementById(tr_Title));//标题
js_Title.css("cursor","move");
//创建遮罩层
$("<divid="div_Bg"></div>").css({"position":"absolute","left":"0px","right":"0px","width":s_Width+"px","height":s_Height+"px","background-color":"#ffffff","opacity":"0.6"}).prependTo("body");
//获取弹出层
varmsgObj=$("#"+div_Win);
msgObj.css('display','block');//必须先弹出此行，否则msgObj[0].offsetHeight为0，因为"display":"none"时，offsetHeight无法取到数据；如果弹出框为table，则为'',如果为div，则为block，否则textbox长度无法充满td
//y轴位置
varjs_Top=-parseInt(msgObj.height())/2+"px";
//x轴位置
varjs_Left=-parseInt(msgObj.width())/2+"px";
msgObj.css({"margin-left":js_Left,"margin-top":js_Top});
//使弹出层可移动
msgObj.draggable({handle:js_Title,scroll:false});
}

4、调用
<inputtype="button"value="测试弹出框"onclick="show_Win('div_Test','title',event)"/>
<divid="div_Test">
<divid="title"style="border:1pxsolidred;">标题</div>
内容
</div>

Ⅵ 用js怎样获得下拉框的值

1、首先我们打来开软件进入代码编辑按照自图示代码先创建一个下拉框。

Ⅶ 如何用JavaScript往表单中添加文本框

javascript有两种方法可以添加文本框：

• 使用innerHTML将某个元素的内容填充为回文本框的HTML代码

• 用createElement("input")创建input标签节点→setAttribute()设置答文本框属性→用appendChild()追加到一个已存在的元素

下面实例演示用第二种方法往表单中添加文本框：

1、HTML结构

<form>
	<divid="test">
		<inputtype="text"name="test"/>
	</div>
	<inputtype='button'value='添加'onclick="fun()"/>
</form>

2、javascript代码

functionfun(){
	vaript=document.createElement("input");
	ipt.setAttribute("type","text");
	ipt.setAttribute("name","test");
	vardiv=document.getElementById("test");
	div.appendChild(ipt);
}

3、效果演示