HTML的文本域/框总结
HTML的文本域/框总结
徐小明d 发表于10个月前
HTML的文本域/框总结
  • 发表于 10个月前
  • 阅读 2
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

文本域

1.没有滚动条的文本域(无边框)

 <textarea style="border: 0;overflow: auto;color:#FFFFFF;></textarea>

2.红色边框文本域

<textarea style="border:1px  solid   #FF0000;overflow:visible;color:#FFFFFF; >  </textarea>

3.无边框有滚动条

<textarea style="scrollbar-face-color:#ff80ff; border:0px;color:#ffffff; font-size:15pt; font-weight:bold">   </textarea>

4.较好看的文本域<大型的文本域选用第一个>

  1. <textarea cols="36" rows="8" id="content" style="border: 1 solid #888888;LINE-HEIGHT:18px;padding: 3px;"></textarea>
  2. <textarea style="border: #FF0000  1px  solid;overflow: visible;color: #FFFFFF;></textarea>
  3. <input type="text" style="height:19;border-top: 1px solid #808080;border-right: 1px solid #D4D0C8;border-bottom: 1px solid #D4D0C8;border-left: 1px solid #808080;" value="" size="29">

     4.<textarea style="border: 0;overflow: auto;color: #FFFFFF></textarea>

文本框:

1.文本框禁止复制

<input name="textfield" type="text" value="不能复制里面的字" oncopy="return false;" oncut="return false;">

2.文本框禁止粘贴

<input type="text" name="textfield" value="不能向文本框里粘贴" onpaste="return false">

3.关闭文本框输入法

<input type="text" name="textfield" style="ime-mode:disabled" value="关闭输入法">

4.无边框文本框

<input type="text" style="border:1px;border-bottom-style:none;border-top-style:none;border-left-style:none;border-right-style:none;">

其他:         

1、设置文本域的字体   

<textarea style="font-size:9pt;font-family:verdana;color:#333333">输入内容</textarea>   

2、设置文本域的背景色   

<textarea style="background-color:#ffffff">输入内容</textarea> 

 3、文本域的虚线边框设置   

<textarea style="border:1px  dotted  #6CABE7;">输入内容</textarea>   

4、文本域的实线边框设置   

<textarea style="border:1px  solid   #6CABE7;">输入内容</textarea>   

5、文本域的点线边框设置   

<textarea style="border:2px   dotted   #6CABE7;">输入内容</textarea>   

6、设置文本域的背景图   

<textarea style="background-attachment: fixed; background-image: url(背景图所处位置)"></textarea> 

  

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 0
博文 27
码字总数 9746
×
徐小明d
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: