5.1.1. 单行文本框应用

5.1.1. 单行文本框应用:



文本框是表单域中最基本的元素,基于文本框的应用有很多。此处只简单介绍其中的一个应用

获取和失去焦点改变样式:

node2:/var/www/html/aa#cat a23.html 
<link rel="stylesheet" type="text/css" href=a23.css>
<form action="#" methid="POST" id="regForm">
<fieldset>
 <legend>个人基本信息</legend>
 <div>
  <label for="username">名称:</label>
  <input id="username" type="text">
 </div>
 <div>
  <label for="pass">密码:</label>
  <input id="pass" type="password">
  </div>
  <div>
   <label for="masg">详细信息:</label>
   <textarea id="msg"></textarea>
  </div>
</fieldset>
</form>




node2:/var/www/html/aa#cat a23.css 
input:focus,textarea:focus{
    border:1px solid #f00;
    background:#fcc;
}