HTML-表單

番茄西紅柿發(fā)布于2019-04-23 11:57 / 954人閱讀

摘要：幼圓定義按鈕我是按鈕成功按鈕幼圓定義圖片按鈕成功按鈕幼圓定義重置和提交按鈕清空點(diǎn)我提交幼圓定義輸入框默認(rèn)值默認(rèn)幼圓定義單選框性別男女保密幼圓定義多選框愛好籃球足球棒球羽毛球幼圓輸入框與文字綁定聚焦

定義按鈕

1 <input tpye=button value=我是按鈕 onclick=alert(成功按鈕)>

定義圖片按鈕

1 <input type=image src=images/a.jpg onclick=alert(成功按鈕)>

定義重置和提交按鈕

1 <input type=reset value=清空>
2 <input type=submit value=點(diǎn)我提交>

定義輸入框默認(rèn)值

1 <input  type=text value=默認(rèn)>

定義單選框

1 性別
2 <input type=radio name=gender>男
3 <input type=radio name=gender>女
4 <input type=radio name=gender checked=checked>保密

定義多選框

1 愛好
2 <input type=checkbox>籃球
3 <input type=checkbox checked=checked>足球
4 <input type=checkbox checked=checked>棒球
5 <input type=checkbox>羽毛球

輸入框與文字綁定聚焦

1 <label for="account">帳號(hào)：label><input type="text" id="account"><br/>
2 <label for="pwd">密碼：label><input type="password" id="pwd">

定義下拉列表

1 <select>
2     <option>北京option>
3     <option>上海option>
4     <option>南京option>
5     <option>山東option>
6     <option>新疆option>
7     <option selected="selected">河南option>
8 select>

給下拉列表的數(shù)據(jù)分類

 1 <select>
 2     <optgroup label="北京">
 3         <option>東城區(qū)option>
 4         <option>朝陽區(qū)option>
 5         <option>海淀區(qū)option>
 6     optgroup>
 7     <optgroup label="上海">
 8         <option>靜安區(qū)option>
 9         <option>徐匯區(qū)option>
10         <option>浦東新區(qū)option>
11     optgroup>
12 select>

GPU云服務(wù)器云服務(wù)器 html表單樹形表單 html html 表單驗(yàn)證 html 表單編輯

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1392.html

相關(guān)文章

【譯】HTML表單指南---第一個(gè)HTML表單

摘要：一個(gè)表單由一或多個(gè)部件組成，這些部件可以是文本框單行或多行選擇框按鈕復(fù)選框或單選按鈕。在我們的示例里，一個(gè)文本框中用了該屬性的默認(rèn)值，該值表示一個(gè)基本的單行文本框，用于接收無控制或驗(yàn)證的任何文本。前言這個(gè)系列譯自mdn上的一份表單指南，原文詳盡闡述了表單相關(guān)的基礎(chǔ)知識(shí)。而表單作為一個(gè)經(jīng)典的頁面交互方式，是每個(gè)前端工程師繞不開的話題，通過翻譯這個(gè)系列的文章既是有助于掃清自己的知識(shí)盲區(qū)...

yearsj 2019-08-02 15:55 評(píng)論0 收藏0
JavaScript 表單腳本

摘要：文本框獲得焦點(diǎn)時(shí)，選中其中所有的文本思路利用焦點(diǎn)事件事件，在文本框獲得焦點(diǎn)時(shí)，利用其方法選中所有文本。自動(dòng)切換焦點(diǎn)思路利用事件檢測(cè)用戶輸入新字符后，文本框內(nèi)的字符串是否已經(jīng)達(dá)到最大長度，若達(dá)到最大長度，則將焦點(diǎn)切換至下一個(gè)文本框。 JavaScript 表單腳本通過 document.forms 可以獲得一個(gè)包含當(dāng)前頁面中所有表單的集合 HTMLFormElement 接口下面是這...

PrototypeZ 2019-08-20 11:26 評(píng)論0 收藏0
Flask Web Development —— Web表單（上）

摘要：每個(gè)表單域都可以連接到一個(gè)或多個(gè)是一個(gè)用于檢查用戶提交的輸入是否合法的函數(shù)。表單域構(gòu)造函數(shù)的第一個(gè)參數(shù)是一個(gè)，在渲染表單到時(shí)會(huì)使用。驗(yàn)證確保提交的表單域不為空。表單域驗(yàn)證都是直接從包中導(dǎo)入。表格展示了一組支持的標(biāo)準(zhǔn)表單域。第二章中介紹的request對(duì)象公開了所有客戶端發(fā)送的請(qǐng)求信息。特別是request.form可以訪問POST請(qǐng)求提交的表單數(shù)據(jù)。盡管Flask的request...

CODING 2019-07-24 17:49 評(píng)論0 收藏0
HTMl基礎(chǔ)

摘要：每個(gè)表格均有若干行由標(biāo)簽定義，每行被分割為若干單元格由標(biāo)簽定義。字母指表格數(shù)據(jù)，即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本圖片列表段落表單水平線表格等等。表格最重要的目的是顯示表格類數(shù)據(jù)。規(guī)定在提交表單時(shí)所用的方法默認(rèn)。 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STRE...

番茄西紅柿 2019-04-23 13:42 評(píng)論0 收藏0
HTML表單元素及CSS

摘要：表單一介紹標(biāo)簽表示為表單，表單元素是允許用戶在表單中輸入內(nèi)容。屬性值被提交表單的類型二表單組件組件一般被定義在表單中標(biāo)簽中標(biāo)簽表示輸入框，為空標(biāo)簽。屬性，屬性規(guī)定要顯示的元素的類型。冒號(hào)表示分隔符，分號(hào)表示結(jié)束符。表單一、介紹標(biāo)簽表示為表單，表單元素是允許用戶在表單中輸入內(nèi)容。屬性：action-提交表單的地址 Method-提交表單的方式。屬性值：get/post ...

MyFaith 2019-08-30 13:48 評(píng)論0 收藏0
HTML表單元素及CSS

摘要：表單一介紹標(biāo)簽表示為表單，表單元素是允許用戶在表單中輸入內(nèi)容。屬性值被提交表單的類型二表單組件組件一般被定義在表單中標(biāo)簽中標(biāo)簽表示輸入框，為空標(biāo)簽。屬性，屬性規(guī)定要顯示的元素的類型。冒號(hào)表示分隔符，分號(hào)表示結(jié)束符。表單一、介紹標(biāo)簽表示為表單，表單元素是允許用戶在表單中輸入內(nèi)容。屬性：action-提交表單的地址 Method-提交表單的方式。屬性值：get/post ...

jayzou 2019-08-01 17:50 評(píng)論0 收藏0