HTML簡單表單製作

<html>

<head>

<title>簡單表單製作</title>

<body>

   <form action="http://www.baidu.com" method="get">

     用戶名:<input type="text" name="txtname" /><br/>

     密碼:  &nbsp<input type="password" name="txtpwd"/><br/>

             <input type="submit" value="提交到百度" style="background:green;color:white " />

             <input type="reset" value="清空"/> <br/>


             <fieldset>

             <legend>性別</legend><br/>

             <input type="radio" name="sex"/>男<br/>

             <input type="radio" name="sex"/>女<br/>

             </fieldset>


             <fieldset>

             <legend>婚姻狀況</legend><br/>

             <input type="radio" name="married" />已婚<br/>

             <input type="radio" name="married"/>未婚<br/>

             </fieldset>


    <select size="1">

             <optgroup label="前臺客服">

                    <option>熱線一組</option>

                    <option>熱線二組</option>

                    <option>熱線三組</option>

                    <option>熱線四組組</option>

             <optgroup>

             <optgroup label="後勤部門">

                    <option>行政</option>

                    <option>人資</option>

                    <option>IT服務部</option>

             <optgroup>

             <optgroup label="售後">

                    <option>售後一組</option>

                    <option>售後二組</option>

                    <option>售後三組</option>

             <optgroup>

             <optgroup label="電話銷售">

                    <option>電銷一組</option>

                    <option>電銷二組</option>

                    <option>電銷三組</option>

             <optgroup>

    </select>

    <br/>

             <input type="file" />  上傳照片<br/>

    <textarea cols="60" rows="15">

本網站所收集的部分公開資料來源於互聯網,轉載的目的在於傳遞更多信息及用於網絡分享,並不代表本站贊同其觀點和對其真實性負責,也不構成任何其他建議。本站部分作品是由網友自主投稿和發佈、編輯整理上傳,對此類作品本站僅提供交流平臺,不爲其版權負責。如果您發現網站上有侵犯您的知識產權的作品,請與我們取得聯繫,我們會及時修改或刪除。

本網站所提供的信息,只供參考之用。本網站不保證信息的準確性、有效性、及時性和完整性。本網站及其僱員一概毋須以任何方式就任何信息傳遞或傳送的失誤、不準確或錯誤,對用戶或任何其他人士負任何直接或間接責任。在法律允許的範圍內,本網站在此聲明,不承擔用戶或任何人士就使用或未能使用本網站所提供的信息或任何鏈接所引致的任何直接、間接、附帶、從屬、特殊、懲罰性或懲戒性的損害賠償。 



    </textarea>

            

   </form>

</body>

</head>

</html>

注:1.爲什麼要使用表單:向服務器傳輸數據

    2.爲什麼要傳輸給服務器:記錄數據

    style 設置字體顏色 backgoound 背景色 color 字體顏色

    action 表示要提交的目標服務器

    text   文本框

    name   設置此屬性服務器才能得到要獲取的具體對象

    password 密碼框

    radio  單選按鈕 name="sex"表示分類 

    legend 顯示類別名

    fidldset 分組顯示類別

    method 提交的方法 get 提交內容地址欄顯示

    submit 提交(默認) value的值可設置按鈕要顯示的內容

    reset  重置(默認) value的值可設置按鈕要顯示的內容

    width  寬度

    height 長度


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章