文本框样式（文本框样式怎么设置） - 鸿海伟业生活资讯网

松竹里 2024-07-03 14:06:10 893

本文目录一览：

1、word怎么设置好看的文本框
2、几种漂亮的文本框样式
3、在word中,文本框有多少种排列方式?
4、如何修改WORD文本框样式
5、word文档怎样 *** 这样的文本框？

word怎么设置好看的文本框

*** 1

1、打开word。

2、点击软件上方的“插入”选项卡；

3、找到下方的“插图”工具栏组，选择工具栏组中的“形状”按钮

4、在弹出的下拉列表中找到“基本形状”栏，找到“文本框”工具，如果要插入“竖向的文本框”，我们找到边上的”垂直文本框”用鼠标左键单击该工具即可；

5、回到word编辑区，光标变成十字形，在空白处单击，按钮鼠标左键不放，拖动，释放鼠标，可以绘制出一个“文本框”；如下图，这时我们就可以在文本框内输入文字了。

6、通过调节形状周边的控制点，可以改变形状的大小，。此时系统自动切换到形状格式选项卡，可以设置形状的线条颜色，粗细，样式，填充颜色等进行设置

*** 2

1、打开word；

2、点击软件上方的“插入”选项卡；

3、找到下方的“文本”工具栏组，选择工具栏组中的“文本框”按钮

4、点击下三角，可以看到一些内置的文本框样式模板，我们可以进行选择，也可以选择 *** 一中的文本框。

文本框样式（文本框样式怎么设置）

几种漂亮的文本框样式

只有下划线的文本框：

input style="border:0;border-bottom:1 solid black;background:;"

软件序列号式的输入框：

script for="T" event="onkeyup"

if(value.length==3)document.all[event.srcElement.sourceIndex+1].select();

/script

input name="T" size="5" maxlength="3"—input name="T" size="5" maxlength="3"—input name="T" size="5" maxlength="3"—input name="T" size="5" maxlength="3"—input name="T" size="5" maxlength="3"—input name="T7" size="5" maxlength="3"

软件序列号式的输入框(完整版)：

script for="T" event="onkeyup"if(value.length==maxLength)document.all[event.srcElement.sourceIndex+1].focus();/script

script for="T" event="onfocus"select();/script

script for="Submit" event="onclick"

var sn=new Array();

for(i=0;iT.length;i++)

sn=T.value;

alert(sn.join("—"));

/script

input type="submit" name="Submit"

输入框景背景透明：

input style="background:transparent;border:1px solid #ffffff"

鼠标划过输入框，输入框背景色变色：

INPUT value="Type here" NAME="user_pass" TYPE="text" SIZE="29" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'"

style="width: 106; height: 21"

onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" style="border-width:1px;border-color=black"

输入字时输入框边框闪烁(边框为小方型)：

Script Language="JavaScript"

function borderColor(){

if(self['oText'].style.borderColor=='red'){

self['oText'].style.borderColor = 'yellow';

}else{

self['oText'].style.borderColor = 'red';

}

oTime = setTimeout('borderColor()',400);

}

/Script

input type="text" id="oText" style="border:5px dotted red;color:red" onfocus="borderColor(this);" onblur="clearTimeout(oTime);"

输入字时输入框边框闪烁(边框为虚线)：

style

#oText{border:1px dotted #ff0000;ryo:expression(onfocus=function light (){with(document.all.oText){style.borderColor=(style.borderColor=="#ffee00"?"#ff0000":"#ffee00");timer=setTimeout(light,500);}},onblur=function(){this.style.borderColor="#ff0000";clearTimeout(timer)})};

/style

input type="text" id="oText"

自动横向廷伸的输入框：

input type="text" style="huerreson:expression(this.width=this.scrollWidth)" value="abcdefghijk"

自动向下廷伸的文本框：

textarea name="content" rows="6" cols="80" onpropertychange="if(this.scrollHeight80) this.style.posHeight=this.scrollHeight+5"输入几个回车试试/textarea