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、效果演示