html
???(哎..終于還是降級了..只能從HTML重新學過了..哎..學習終究是不能騙自己的..好好學習吧!~~...) <html> ?<body> ????<p id="b">密  碼 ???<h2>未注冊創建帳戶</h2> ?????<p id="f">電子郵箱 ?????<p id="h">重復密碼 ?????<p id="i">同意服務條款 ?????<p id="j">
???HTML我是用TopStyle來寫.CSS是2.0..(我知道是廢話...)
???要在HTML里面寫個button or test就很簡單了..
???就是在<head>里寫 <form action="#"(這個表示發到哪里.."#"表示提交到當前頁面) method="post" (這個是發送方法,一共有2種.一種是GET.這個方法相對比較不安全.因為它會把你提交的信息以一個"?"打頭粘到URL后面第2種就是POST.這個就比較安全了.你所提交的東西是在URL上是看不到的)>
???然后<input type="button"(這如果填TEST就是TEST了) id="bt1" name="bt1"(ID跟NAME最好都寫上,這個是好習慣,在以后會很有用.ID跟NAME可以不一樣) value="登錄"(這個就是你BUTTON上顯示的字.)>
相同..<input type="text" id="te2" name="te2">...
???如果要想寫個單選框或者復選框.
?? <input type="checkbox"(CHECKBOX就是復選框) id="cb1" name="cb1">記住我(表示你復選框后面跟的字).怎么樣讓你的這個復選框為默認呢?就在<input>里添上一個checked="checked".如果不能選就添上一個disabled="disabled".
???接下來是單選框.其他的都跟復選框一樣,唯一不同的就是.在type=""填"radio".
???除此之外,還有password(跟TEST有點像,不同的是輸入信息是以星星的形式) submit(跟button,reset是一組.按了submit整個表單都提交了) reset(重置) file(上傳文件) image(圖片 后跟src=""選擇URL)
????選擇框.
???<select>
???<option value="sh">上海</option>
???<option value="sh">成都</option>
???<option value="sh">廣州</option>
???</select>
?? 也可以<select size="5"(表示同時有幾個被選項可以在不拉滾動條的情況下直接選擇) multiple="multiple"(可以多選 在按中SHIFT的情況下)>
??? 多行輸入的文本框????
???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? <textarea cols="10" rows="10"(設置長寬不用說了.)></textarea>
??? 最后1個是一個框框把你想框的內容全部框住,并且可以取個標題.
??? <fieldset>
??????<legend>dsada</legend>
????</fieldset>
??? <fieldset>?</fieldset>這個標簽中間放你想被框的內容.<legend></legend>這個標簽中間寫標題名.
???
??? CSS我簡單說一下.CSS是樣式層疊表..它確實是層疊的.關于盒式模型的布局屬性一共有三種. margin: border:? padding: .margin: 是調整邊框和邊框的距離.border:是調整邊框的厚度.padding:是調整邊框跟內容之間的距離.
???? 以下是我用CSS以及HTML寫的一個網頁的代碼.
??????<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
?<head>
??<!-- Created by TopStyle Pro Trial Version - www.bradsoft.com -->
??<title>用戶注冊</title>?
??<style>
??#a,#b,#d,#e,#i,#j
??{
??? ?padding:;
???padding-left: 208px;
??}
??
??#c
??{
???padding: 30px;
???padding-left: 208px;
??}
??
??#f
??{
???padding:;
???padding-left: 193px;
??}
??
??#h
??{
???padding:;
???padding-left: 193px;
??}
??
??#g
??{
???padding:;
???padding-left: 224px;
??}
??
??? #f2
??{
??? ?margin:;
???margin-bottom: 29px;
???margin-left: 31px;
???margin-right: 43px;
??}
??
??? #f3
??{
??? ?margin:;
???margin-bottom: 29px;
???margin-left: 31px;
???margin-right: 43px;
??}
??
??#bt1
??{
???margin:;
???margin-left: 36px;
??}
??
??#cb1
??{
???margin:;
???margin-left: 30px;
??}
??
??/*#f4
??{
??
???? margin:;
???margin-right: 778px;
??}*/
??
??#f5
??{
???margin:;
???margin-right: 778px;
??}
??</style>
?
?</head>
??<form action="#" method="post">
???<fieldset id="f1">
???<h2>已注冊用戶登錄</h2>
???<fieldset id="f2">
????<legend >
?????<h3 >登錄用戶</h3 >
????</legend>
????
????<p id="a" >用戶名
?????<input type="text" id="te1" name="te1">
????</p>
?????<input type="text" id="te2" name="te2">
????</p>
????
????<p id="c">
?????<input type="checkbox" id="cb1" name="cb1">記住我
?????<input type="button" id="bt1" name="bt1" value="登錄">
????</p>
????</fieldset>
????<fieldset id="f3">
?????<legend >
??????<h3><fieldset id="f5">用戶注冊</fieldset></h3>?
?????</legend>
?????
?????<p id="d">
??????<h4>您的電子郵箱不會被公布出去,但是必須填寫.</h4>在您注冊之前請先認真閱讀服務條款
?????</p>
?????
?????<p id="e">用戶名
??????<input type="text" id="te3" name="te3">*(最多30個字符)
?????</p>
??????<input type="text" id="te4" name="te4">*
?????</p>
?????
?????<p id="g">密碼
??????<input type="text" id="te5" name="te5">*(最多15個字符)
?????</p>
??????<input type="text" id="te6" name="te6">*
?????</p>
??????<input type="checkbox" id="cb2" name="cb2">先看看條款?*
?????</p>
??????<input type="submit" id="bt2" name="bt2" value="提交">
??????<input type="reset" id="bt3" name="bt3" value="重置">
?????</p>
?????
?????<h3>*在提交您的注冊信息時,我們認為您已經同意了我們的服務條款</h3>
?????<h3>*這些條款可能在未經您同意的時候進行修改</h3>
???
???</fieldset>
??</form>
?</body>
</html>
? 以上便是我的總結!