1. 程式人生 > >HTML(三)表格table與表單form的基本使用

HTML(三)表格table與表單form的基本使用

<!-- 表單標籤 action 提交的目標位置   method 提交的方法 get post -->
    <form action="doregister.jsp" method="post">
        <input type="hidden" />
        <table id="">
            <tr>
                <td>使用者名稱:</td>
                <td>
                    <input type="text" name="username" id="username" />
                </td>
            </tr>
            <tr>
                <td>密碼:</td>
                <td>
                    <input type="password" name="pws"  />
                </td>
            </tr>
            <tr>
                <td>性別:</td>
                <td>
                       <input type="radio" name="sex"value="1" checked="checked"/> 男
                     <input type="radio" name="sex"value="0"/> 女
                </td>
            </tr>
            <tr>
                <td>愛好:</td>
                <td>
                    <input type="checkbox"name="likes" value="1"checked="checked"> 羽毛球
                     <input type="checkbox"name="likes"> 籃球
                     <input type="checkbox"name="likes"> 足球
                </td>
            </tr>   
            <tr>
                <td>籍貫:</td>
                <td>
                   <select name="jiguang">
                      <option>廣東省</option>
                      <option>廣西省</option>
                      <option selected="selected">山東省</option>
                   </select>
                </td>
            </tr>
             <tr>
                <td>自我介紹:</td>
                <td>
                  <!-- 文字域 -->
                  <textarea rows="8" cols="50"></textarea>
                </td>
            </tr>
            <tr>
                <td>頭像:</td>
                <td>
                   <input type="file"/>
                </td>
            </tr>
             <tr>
                <td colspan="2">
                  <!-- 普通按鈕 -->
                  <input type="button" value="普通" />
                          <!-- 恢復按鈕 -->
                  <input type="reset" value="恢復" />
                   <!-- 提交按鈕 -->
                  <input type="submit" value="提交" />
                </td>
            </tr>
        </table>
    </form>

相關推薦

HTML表格tableform基本使用

<!-- 表單標籤 action 提交的目標位置   method 提交的方法 get post -->     <form action="doregister.jsp" method="post">         <input type="hidden" /&g

基於Flask框架搭建視訊網站的學習日誌之原始web

基於Flask框架搭建視訊網站的學習日誌(三)1.原始Web 表單 本節主要用於體驗一下前端後端直接資料的互動,樣例不是太完善,下一節會加入Flash處理,稍微完善一下頁面 (備註:建議先閱讀廖雪峰老師的部落格,MVC:Model-View-Controller,中文名“模型-檢視-控制器”) 負責HTML

從零開始學 Web 之 HTML

大家好,這裡是「 Daotin的夢囈 」從零開始學 Web 系列教程。此文首發於「 Daotin的夢囈 」公眾號,歡迎大家訂閱關注。在這裡我會從 Web 前端零基礎開始,一步步學習 Web 相關的知識點,期間也會分享一些好玩的專案。現在就讓我們一起進入 Web 前端學習的冒險之旅吧! 一、表格 1

ASP.NET MVC 排球計分程序 需求分析數據庫設計

arch 情況 img 需求 全場 ima 功能 每次 str 需求分析: 軟件名稱:排球計分程序 1、 需要鍵入比賽人員的的姓名,需要根據場上的比賽結果及時做出操作,記分員可以在記錯的情況下撤銷上一部操作。比賽結束,記分員應能查詢到每個隊伍的進球情況,以及攔網、擊球等的

Linux 環境部署記錄 - Jenkins安裝配置

版本 接下來 clas title col size pre 瀏覽器 jdk Jenkins安裝 為了兼容生產環境的jdk1.7版本,從官網得知,Jenkins必須是1.6之前的版本,因此下載jenkins-1.596.3-1.1.noarch.rpm到本地進行安裝: #移

Git 教程:倉庫分支

ide 不但 clas version span 右上角 director discard pre 遠程倉庫 到目前為止,我們已經掌握了如何在Git倉庫裏對一個文件進行時光穿梭,你再也不用擔心文件備份或者丟失的問題了。 可是有用過集中式版本控制系統SVN的童鞋會站出來說,這

SQL Server 2005中的分區:將普通轉換成分區

成了 insert 刪掉 -- pri light part ide 新建 在設計數據庫時,經常沒有考慮到表分區的問題,往往在數據表承重的負擔越來越重時,才會考慮到分區方式,這時,就涉及到如何將普通表轉換成分區表的問題了。 那麽,如何將一個普通表轉換成一個分區表 呢

Java常用類之StringBufferStringBuidler

lane 這一 eight cit 優先 simple bmp imp uid 前言   前面一篇給大家介紹了String類,這個我們經常會用到的一個類,那這一篇給大家分享的是StringBuffer與StringBuidler。等下我也會比較他們三個之間的區別 一、S

前端3表格table

跳過 合並 cap OS class 排版 head div pre 表格的標簽:table:一個表格區域thead:表頭區tbody:表內容區tfoot:表底區thead、tbody、tfoot的分區,用於方便區分,可以不寫 tr:一個表格行th:一個表頭格td:一個表內

真正零基礎學習HTML

html;css一、CSS概念1、需求:設置網頁標簽的樣式:寬、高、背景顏色、位置......用於布局或美化網頁,換句話說就是編寫一套美化模式,應用於各種網頁不用一個一個的編寫2、概念:css 層疊樣式表英文全稱:cascading style sheets瀏覽器解釋語言:讓瀏覽器去執行解釋的語言html c

Java基礎對象

get() 外部類 參數 私有方法 靜態方法 屬於 靜態代碼塊 gen bug   1.類的概念:類是構造對象的模板或藍圖。由類構造對象的過程稱為創建類的實例。   2.封裝的概念:封裝(有時稱為數據隱藏)是與對象有關的一個重要概念。對象中的數據稱為實例域,操縱數據的過程稱

Apache Shiro——Spring Boot Shiro的 整合

在瞭解了Apache Shiro的架構、認證、授權之後,我們來看一下Shiro與Web的整合。下面以Spring Boot為例,介紹一下Spring Boot 與 Shiro的 整合。 一、建立一個Spring Boot專案 可以使用IDEA快速建立一個Spring Boot專

Linux基礎——CRC16演算法程式

迴圈冗餘碼校驗英文名稱為Cyclical Redundancy Check,簡稱CRC。它是利用除法及餘數的原理來作錯誤偵測(Error Detecting)的。實際應用時,傳送裝置計算出CRC值並隨資料一同傳送給接收裝置,接收裝置對收到的資料重新計算CRC並與收到的CRC相比較,若兩個CRC值不同

Java EE入門教程系列第二章JSP——JSP指令動作元件

2.3 指令與動作元件 2.3.1 page指令 page指令的基本語法為: <%@ page 屬性1="屬性1的值" 屬性2="屬性2的值"···%> 屬性值記得用“”或者‘’括起來,這樣寫比較規範,不易出錯。 舉例: <%@ page language=

Windows程式和訊息機制:訊息程序間通訊

自定義訊息與程序間通訊 視窗程式可以接收自定義的訊息型別,前提是通訊的程序聲明瞭這種訊息型別,宣告的方法很簡單,WM_USER加一個值就可以了,一般加的值從0x400開始,其他的值已經被系統使用了。 實現一個完整的自定義訊息需要進行以下步驟:

Java基礎Java中‘==’euqal()和contains整理

一.Java 中 == 比較 在java中,’=='運用在基本資料型別的時候,比較的是物件的記憶體地址,如下: public class Equals { public static void main(String[] args) { String s3= new String(

Linux系統硬碟分割槽掛載光碟的掛載—parted分割槽光碟的掛載

引語           本篇緊接上篇操作,主要講使用parted分割槽工具進行分割槽和掛載以及光碟的掛載。前面我們已經進行了硬碟的新增、分割槽、格式化和掛載,這一篇將介紹使用parted來對硬碟

Spring Cloud服務註冊發現

Spring Cloud(三)服務註冊與發現 案例中有三個角色:服務註冊中心、服務提供者、服務消費者,其中服務註冊中心就是eureka單機版啟動既可,流程是首先啟動註冊中心,服務提供者生產服務並註冊到服務中心中,消費者從服務中心中獲取服務並執行。 這裡新建兩個spring boo

深入Mysql鎖機制共享鎖排他鎖

深入Mysql鎖機制(三)共享鎖與排他鎖 共享鎖(Share Lock) 共享鎖又稱讀鎖,是讀取操作建立的鎖。其他使用者可以併發讀取資料,但任何事務都不能對資料進行修改(獲取資料上的排他鎖),直到已釋放所有共享鎖。 如果事務T對資料A加上共享鎖後,則其他事務只能對A再加共享鎖

Scala學習筆記:==,eqequals的區別

== Scala中==與java中不同,它是比較值是否相等的,無論比較物件是否是相同型別 List(1, 2, 3) == List(1, 2, 3) //true 1==1.0//true equals 同類型 與==作用相同,都是比較值是否相同 不同型別 返回false,如 1.equal