1. 程式人生 > >HTML-做一個網頁的註冊登記表單

HTML-做一個網頁的註冊登記表單

/* 
*Copyright (c) 2017,煙臺大學計算機學院 
All rights reserved. 
*檔名稱:關於HTML的練習
*作    者:張晴晴 
*完成日期:201711月5日 
*版 本 號:v1.0  * 
*問題描述:HTML5的新特性 
*輸入描述: 無
*程式輸出: 無
*/ 
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>表單練習</title>
<style>
 
	body{
		font-size:12px;
		font-family:"宋體";
		}
	.bule{ 
	border-color:#ABFEFE;}
	.font1{
		color:#666;}
	
		
</style>


</head>

<body>
<table width="1400" height="29" border="0" align="center">
  <tr>
    <td width="80" height="29"><img src="img/p1.png" height="29" border="0"></td>
     <td bgcolor="#B9EDF7"><b>使用者註冊</b></td>
  </tr>
</table>
<br><br>



  <table width="800" border="0" align="center">
  <tr>
      <td width="80"><b>使用者名稱:</b></td>
      <td><input type="text" name="name" class="bule"/>
      </td>
      </td>
      <td class="font1">不超過7個漢字,或14個位元組(數字,字母和下劃線)</td>
  </tr>
  <tr>
     <td><b>密碼:  </b></td>
     <td>
      <input type="password" name="password1" size="20"class="bule"/></td>
     <td class="font1">最少6個字元,不超過14個字元(數字,字母和下劃線)</td>
     </tr>
  <tr>
      <td><b>確定密碼:</b></td>
      <td colspan="2">
      <input type="password" name="password11" size="20"class="bule"/>
      </td>
  </tr>
  <tr>
     <td><b>性別:  </b></td>
      <td colspan="2">
      <input type="radio"  name="gender" value="女" checked/>女
      <input type="radio"  name="gender" value="男"/>男<br><br>
      </td>
  </tr>
  <tr>
      <td><b>個人愛好:</b></td>
      <td colspan="2">
      <input type="checkbox" name="intrest" value="文學"/>文學
      <input type="checkbox" name="intrest" value="影視"/>影視
      <input type="checkbox" name="intrest" value="音樂"/>音樂
      <input type="checkbox" name="intrest" value="體育"/>體育
      </td>
  </tr>
  <tr>
     <td><b>所在城市:</b></td>
     <td colspan="2"><select size="1" name="province">省份
                  <option>浙江</option>
                  <option>山東</option>
             </select>
             <select size="1" name="city">省份
                    <option>紹興</option>
                    <option>濰坊</option>
             </select>
                    <br><br>
      </td>
  </tr>
  <tr>
      <td><b>家庭住址:</b></td>
      <td><input type="text" name="address" class="bule"/></td>
      <td class="font1">請輸入詳細的家庭住址,接受活動郵件</td>
  </tr>
  <tr>
    <td><b>電子郵件:</b></td>
    <td><input type="text" name="email" class="bule"/></td>
    <td class="font1">  請輸入有效的郵件地址,當密碼遺失時憑此領取</td>
  </tr>
  <tr>
    <td><b>驗證碼:</b></td>
    <td><input type="text" name="check-img" class="bule"/></td>
    <td><img src="img/p2.png"></td>
  </tr>

  
  <tr>
    <td colspan="3">
    <form method="post" action="">是否同意條款內容
    <input type="radio" name="aggree" value="aggree"/> 我同意
    <input type="radio" name="aggree" value="disaggree"/> 我不同意<br><br>
    <textarea name="textarea" cols="100" rows="10" wrap="hard" class="bule">
    山東師創軟體工程有限公司創建於1994年,是一家綜合性資訊產業公司,不僅擁有自主智慧財產權和軟體研發能力,更專注於IT人才職業教育,擁有教育培訓、軟體開發以及國際人才服務等多種業務。山東師創首批通過了"雙軟"認定,是山東省軟體行業協會會員單位,也是齊魯軟體園國際合作聯盟成員企業,先後被山東省資訊產業廳、科學技術廳認定為"山東省軟體企業"、"山東省高新技術企業",另外由於公司在軟體人才培養方面所做的大量卓有成效的工作,還被授予"齊魯軟體園軟體人才培養基地"、"行業應用工程師集訓基地"、"齊魯軟體園對日軟體人才培養基地"、"濟南市退役軍人計算機培訓基地"等稱號。
   
    山東師創致力於高階IT人才培養工作,堅持"誠信教育"的經營理念,以"把需要工作的人變成工作需要的人"為經營宗旨,依託齊魯軟體園強大的產業優勢,積極探索高質量軟體人才培養方式,以"軟體實訓"模式進行軟體人才集訓,為有志於軟體開發事業的人士提供更好的職業發展機會,為軟體企業提供量身定製的專業化、適用型人才。

    師創公司現有員工160餘人,其中博士2人,碩士研究生12人,具有大學以上學歷人員佔職工總數89%以上。公司管理層科技意識好,創新能力強,均具有多年的IT企業管理經驗和職業教育經驗。公司一直將人才培養作為工作的重中之重,認為人才積累是企業成功的基礎,隊伍建設是事業發展的保障。通過近年來各項業務的歷練,師創公司擁有了一支經驗豐富、技術過硬、團結奮鬥的軟體開發、系統整合特別是職業教育培訓隊伍。
    </textarea>
    </form>
    </td>   
  </tr>
  <tr>
  <td colspan="3" align="center"><input type="submit" value="提交"/>
  </td>
  </tr>
  <tr>
  <td colspan="3" align="center"><input type="reset" value="重置"/>
  </td>
  </tr>
</table>

</body>
</html>

執行結果: