如何做一個簡單的登錄注冊表格表單?


大家好作為一個剛入門的小白,這邊就和大家分享一下如何做一個簡單的登錄注冊表格。

一般來講相信大家都會玩一些游戲吧,我們剛接觸游戲的時候是不是每個人都需要注冊一個賬號啊!有的游戲的注冊頁面非常的花里胡哨的但是也有的頁面非常的簡單明了。好了廢話不多說,這邊就和大家分享一下如何制做一個簡單點的表格表單吧!

1.首先我們要做一個表格,這里我會用到一個名為<table>的標簽當然這個標簽是雙標簽所以我們還有一個結束標簽</table>所有的內容我們都寫在這里邊。

2.既然是表單那么<form></form>標簽也不可少既然講到了form標簽。那么我這邊就給大家說明幾個關於form標簽的屬性吧。

        form標簽屬性:

             action屬性 :表示form表單提交的路徑,簡單來講就是你想把這個表單提交到哪里去。

             method屬性:就是數據提交的方法。分別是get和post方法。

             name屬性:表示的是表單的名稱。

3.form表單寫好后我們接下來就開始插入一個個表單控件了。      

             表單控件大部分通過input標簽來實現
              input的屬性:
              type="" 控制input顯示類型(輸入框、按鈕、提交按鈕、單選按鈕)
              value="" 根據type類型不同,作用也是不一樣的。
              name="" 表單控件的名稱
              maxlength="" 能輸入的最大長度
              size="" 控件的大小(以字符為單位 一般不用)
              文本框(輸入框)
              <input type="text">
              密碼框
              <input type="password">
              空按鈕
              <input type="button">
              重置按鈕
              <input type="reset">
              提交按鈕
              <input type="submit">

4.我們把這些控件都按順序放入表單中之后我們的功能就大部分能實現了。代碼如下:          

<table width="600px" border="1px" cellspacing="0">
<tbody>
<form action="http://www.baidu.com">
<tr height="40px" align="center">
<td rowspan="4" style="color: red">總體信息</td>
<td colspan="2">用戶注冊</td>

</tr>
<tr height="40px">
<td align="right">用戶名:</td>
<td>

<input type="text" name="loginname" value="填寫用戶名">
</td>
</tr>
<tr height="40px">
<td align="right">密&nbsp;&nbsp;&nbsp;&nbsp;碼:</td>
<td>
<input type="password" name="pwd">
</td>
</tr>
<tr height="40px">
<td colspan="2" align="center">
<input type="submit" value="提交" style="width:80px; height:30px; background-color:green;">
<input type="reset" value="重置" style="width:80px; height:30px; background-color:green;">
</td>
</tr>
</form>
</tbody>
</table>

5.效果如圖:

 

 

那么一個簡單的注冊表單就完成了,希望大家能喜歡,有問題隨時可以和我交流。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM