html文本框html文本框效果

html中多行文本框

<textarea name="cont" cols="20" rows="4"></textarea> 文字区域宽度cols 高度rows

HTML如何设置文本框里面的字体？

直接加入CSS样式即可，以下改了文本框字体的颜色＼字体＼大小 <input type="test" style="color:#ff0000;font-family:黑体;font-size:15pt"/>

如何在html网页中设置文本框为必填并且只能填10个字符?

<SCRIPT LANGUAGE="JavaScript"> <!--// function textCounter(field, countfield, maxlimit) { // 定义函数，传入3个参数，分别为表单区的名字，表单域元素名，字符限制； if (field.value.length > maxlimit) //如果元素区字符数大于最大字符数，按照最大字符数截断； field.value = field.value.substring(0, maxlimit); else //在记数区文本框内显示剩余的字符数； countfield.value = maxlimit - field.value.length; } //--> </SCRIPT> <form name=myform action=""> <textarea name=message wrap=physical cols=28 rows=4 onKeyDown="textCounter(this.form.message,this.form.remLen,5);" onKeyUp="textCounter(this.form.message,this.form.remLen,5);"> </textarea> <br> 尚能输入 <input readonly type=text name=remLen size=4 maxlength=3 value="5"> 个字符</div> </form> 给你段代码自己看看吧

如何在html网页中设置文本框为必填?

<!doctypehtmlpublic"-//w3c//dtdxhtml1.0transitional//en""/tr/xhtml1/dtd/xhtml1-transitional.dtd"><br><htmlxmlns="/1999/xhtml"><br><head><br><metahttp-equiv="content-type"content="text/html;charset=gb2312"/><br><title>无标题文档</title><br><scripttype="text/javascript"><br>functiona(){<br>vara=document.getelementbyid("a").value;<br>if(a==""){<br>alert("必填项，请重新输入");<br>returnfalse;<br>}<br>}<br>&lt;&#47;script&gt;<br></head><br><body><br><textareaid="a"cols="60"rows="3"></textarea><br><inputtype="submit"property="tokennote"value="submit"onclick="a()"/><br></body><br></html><br>我给你上传到一个简单的网页，用的js，你参考一下吧，

html滚动文本框

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>连续向左滚动</title> <style type="text/css"> <!-- body {font-size: 9pt;color: #000000;} a {color: #0000FF;text-decoration: none;} a:hover {color: #FF0000;text-decoration: underline;} --> </style> </head> <body> <div id="marquees"> 天使之城，呀呀！嘿！飞洒发萨地方萨贩毒阿开工；拉萨交流；个了；阿哥 </div> <div id="templayer" style="position:absolute;left::0;visibility:hidden"></div> <script language="JavaScript"> marqueesWidth=200; with(marquees){ style.height=0; style.width=marqueesWidth; style.overflowX="hidden"; style.overflowY="visible"; noWrap=true; onmouseover=new Function("scroll=true"); onmouseout=new Function("scroll=false"); } preLeft=0; currentLeft=0; scroll=false; function init(){ templayer.innerHTML=""; while(templayer.offsetWidth<marqueesWidth){ templayer.innerHTML+=marquees.innerHTML; } marquees.innerHTML+=templayer.innerHTML; setInterval("scrollLeft()",10); }init(); function scrollLeft(){ if(scroll==true) return; preLeft=marquees.scrollLeft; marquees.scrollLeft+=1; if(preLeft==marquees.scrollLeft){ marquees.scrollLeft=templayer.offsetWidth-marqueesWidth+1; } } </script> </body> </html> 给你个例子,看看就明白了

html文本框效果

<style type="text/css"> .MyInput{v:expression(onmouseover=function(){this.style.border='1px solid yellow'},onfocus=function(){this.style.border='1px solid red'},onblur=function(){this.style.border='1px solid #000000'})} .MyInput{width:150px} </style> 在每个要用到效果的Input里加入Class="MyInput" <input type="text" name="name" id="name" class="MyInput">