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