一、表單標(biāo)簽（form）

首先我們先寫(xiě)一個(gè)<form></form>的標(biāo)簽，form標(biāo)簽屬于表單標(biāo)簽，通常我們的登錄注冊(cè)界面都" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢(xún) 在線咨詢(xún)
15158846557 或 在線咨詢(xún)
所在位置： 首頁(yè) > 營(yíng)銷(xiāo)資訊 > 網(wǎng)站運(yùn)營(yíng) > 看完這篇文章，就可以教會(huì)你用HTML制作登錄注冊(cè)界面

看完這篇文章，就可以教會(huì)你用HTML制作登錄注冊(cè)界面

時(shí)間：2023-09-27 05:18:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-27 05:18:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

看完這篇文章，就可以教會(huì)你用HTML制作登錄注冊(cè)界面：在沒(méi)有學(xué)習(xí)CSS樣式的前提下，是如何做一個(gè)簡(jiǎn)單的注冊(cè)界面的。

一、表單標(biāo)簽（form）

首先我們先寫(xiě)一個(gè)<form></form>的標(biāo)簽，form標(biāo)簽屬于表單標(biāo)簽，通常我們的登錄注冊(cè)界面都是有提交數(shù)據(jù)的，是和服務(wù)器交互用的，用戶(hù)在提交信息后，給服務(wù)器，服務(wù)器再根據(jù)提交的信息保存，這個(gè)時(shí)候就需要form標(biāo)簽了。

form標(biāo)簽里面常見(jiàn)屬性有兩種：

action:這個(gè)是表單提交給某服務(wù)器的地址。

method:用什么方式提交。通常我們常見(jiàn)的是：get（得到、成為）和post這兩種，區(qū)別就是用戶(hù)在寫(xiě)信息時(shí)顯示的是明文還是暗文。

Get:提交有長(zhǎng)度限制，并且編碼后的內(nèi)容地址欄可見(jiàn)。（不安全，少用）

<form action="指向交給誰(shuí),網(wǎng)頁(yè)地址" method="get"數(shù)據(jù)提交方式" />//傳遞的值是有長(zhǎng)度限制的。瀏覽器的地址欄里面可以看到。特殊時(shí)用。Post:提交無(wú)長(zhǎng)度限制，并且編碼后內(nèi)容不可見(jiàn)。

<form action="指向交給誰(shuí),網(wǎng)頁(yè)地址" method="post"數(shù)據(jù)提交方式" />//傳遞的值沒(méi)有長(zhǎng)度限制，瀏覽器的地址欄里面不可以看到。常用。


<form action="http://www.baidu.com" method="get"> </form>二、文本輸入

文本輸入有幾種公式：

//① 文本框公式 <input tyfe="text做文本框的" name="用戶(hù)名" value="值"/> //②密碼框公式 <input tyfe="password" name="名字" value="值"/> //密碼框可以讓用戶(hù)輸入的密碼顯示為黑點(diǎn)。 //③隱藏域公式 <input tyfe="hidden" name="名字" value="值"/> //這個(gè)提交表單是可以提交的，但是用戶(hù)是看不到的。 //④文本域公式（多行文本） <textarea name="名字" cols="字符多少" rows="幾行高"</textarse> //非常大的區(qū)域，用戶(hù)可以在里面寫(xiě)文章。1、用戶(hù)注冊(cè)

先做一個(gè)用戶(hù)注冊(cè)界面，我們用文本框的方式進(jìn)行編寫(xiě)：

<form action="http://www.baidu.com" method="get"> <table> <tr> <td>用戶(hù)名：</td> <td> <!--<input type="text" name="userid" value="" placeholder="登錄名"/>--> <input type="text" name="user" value=""/> </td> </tr> </table></form>2、密碼框

　　 <tr> <td>密碼：</td> <td> <input type="password" name="pw" value="" /> </td> 3、確認(rèn)密碼

和密碼框是一樣的。屬于常用步驟。

三、選擇框

1、單選框（性別選項(xiàng)）

<tr> <td>性別：</td> <td> <input type="radio" name="sex" id="man1" value="1" /> <label for="man1">男</label> <input type="radio" name="sex" id="man2" value="0" /> <label for="man2">女</label> </td> </tr>2、復(fù)選框

做一個(gè)類(lèi)似于愛(ài)好類(lèi)型的：

<tr> <td>愛(ài)好：</td> <td> <input id="a1" type="checkbox" name="love" value="a" /> <label for="a1">抽煙</label> <input id="b1" type="checkbox" name="love2" value="b" /> <label for="b1">喝酒</label> <input id="c1" type="checkbox" name="love3"checked="checked" value="c"/> <label for="c1">美女</label> </td>四、下拉列表框

下拉列表標(biāo)簽：<select></select>

<selet name="名字" size="等于1時(shí)為列表" multiple="multiple"多選的意思/>

民族為列：

<tr> <td>民族：</td> <td> <select name="nation"> <option value="1" selected>漢族</option> <option value="2">滿(mǎn)族</option> <option value="3">苗族</option> <option value="4">回族</option> <option value="5">彝族</option> <option value="6">傣族</option> </select> </td></tr>六、按鈕

//1、普通按鈕 <input type="button" name="按鈕名字" value="值"/>//如果想讓用戶(hù)讀不到，那么可以添加一下： <input type="button" name="按鈕名字" disabled="disabled" value="值"/>//2、提示按鈕 <input type="submit" name="按鈕名字" valer="值"/> //如果想讓用戶(hù)讀不到，那么可以添加一下： <input type="submit" name="按鈕名字" disabled="disabled" value="值"/>//3、重置按鈕 <input type="reset" name="按鈕名字" valer="值"/> //如果想讓用戶(hù)讀不到，那么可以添加一下： <input type="reset" name="按鈕名字" disabled="disabled" value="值"/> //4、圖片按鈕 <input type="image" name="按鈕名字" src="圖片地址"/> //如果想讓用戶(hù)讀不到，那么可以添加一下： <input type="image" name="按鈕名字" disabled="disabled" src="圖片地址">


注冊(cè)按鈕例：

<tr> <td colspan="2"> <input type="submit" value="注冊(cè)" /> <input type="reset" value="重置" /> <input type="image" src="HTML/1.gif" /> </td> </tr>




關(guān)鍵詞：界面,注冊(cè),教會(huì),文章

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉