欧美free性护士vide0shd,老熟女,一区二区三区,久久久久夜夜夜精品国产,久久久久久综合网天天,欧美成人护士h版

首頁綜合正文

評論

柚子快報邀請碼778899分享：前端 HTML5-4-表單

Ciceksepeti花漾跨境綜合2025-07-23550

柚子快報邀請碼778899分享：前端 HTML5-4-表單

http://yzkb.51969.com/

文章目錄

表單屬性表單標簽輸入元素文本域（Text Fields）密碼字段單選按鈕（Radio Buttons）復選框（Checkboxes）按鈕（button）提交按鈕(Submit)label標簽

文本框（textarea）下拉列表帶邊框的表單（fieldset）form

HTML 表單用于收集用戶的輸入信息，表示文檔中的一個區(qū)域，此區(qū)域包含交互控件，將用戶收集到的信息發(fā)送到 Web 服務器。

表單是一個包含表單元素的區(qū)域。表單元素是允許用戶在表單中輸入內(nèi)容，比如：文本域（textarea）、下拉列表（select）、單選框（radio-buttons）、復選框（checkbox）等等。我們可以使用

表單屬性

action=“url地址” ：數(shù)據(jù)要傳送到的地方method=“提交方式”：有g(shù)et和post可以選擇name=“表單域名稱”：定義一個名字

表單標簽

標簽描述

定義供用戶輸入的表單定義輸入域

定義文本域 (一個多行的輸入控件)<label>定義了 <input> 元素的標簽，一般為輸入標題<fieldset>定義了一組相關(guān)的表單元素，并使用外框包含起來<legend>定義了 <fieldset> 元素的標題<select>定義了下拉選項列表<optgroup> 定義選項組<option> 定義下拉列表中的選項<button>定義一個點擊按鈕<datalist>指定一個預先定義的輸入控件選項列表<keygen>定義了表單的密鑰對生成器字段<output>定義一個計算結(jié)果</p><p>輸入元素</p><p>多數(shù)情況下被用到的表單標簽是輸入標簽 <input>。</p><p>文本域（Text Fields）</p><p>文本域通過 <input type=“text”> 標簽來設(shè)定，當用戶要在表單中鍵入字母、數(shù)字等內(nèi)容時，就會用到文本域。</p><p><form></p><p>用戶名: <input type="text" name="username"><br></p><p>密碼: <input type="text" name="password"></p><p></form></p><p>可以用 placeholder=”默認提示“ 輸入時直接消失 注意： 在大多數(shù)瀏覽器中，文本域的默認寬度是 20 個字符。</p><p>密碼字段</p><p>密碼字段通過標簽 <input type=“password”> 來定義:</p><p><form></p><p>密碼: <input type="password" name="pwd"></p><p></form></p><p>密碼字段字符不會明文顯示，而是以星號 * 或圓點 . 替代。</p><p>單選按鈕（Radio Buttons）</p><p><input type=“radio”> 標簽定義了表單的單選框選項:</p><p><!DOCTYPE html></p><p><html lang="en"></p><p><head></p><p><meta charset="UTF-8"></p><p><title>Title</title></p><p></head></p><p><body></p><p><form action=""></p><p><input type="radio" name="sex" value="male">Male<br></p><p><input type="radio" name="sex" value="female">Female</p><p></form></p><p><div   class="3ih7pjjnjzpn"   id="ly_cache" data-id="19600260" data-end="1756487743"></div></body></p><p></html></p><p>復選框（Checkboxes）</p><p><input type=“checkbox”> 定義了復選框。 復選框可以選取一個或多個選項：</p><p><!DOCTYPE html></p><p><html lang="en"></p><p><head></p><p><meta charset="UTF-8"></p><p><title>Title</title></p><p></head></p><p><body></p><p><form action=""></p><p><input type="checkbox" name="vehicle" value="Bike">bike<br></p><p><input type="checkbox" name="vehicle" value="Car">car</p><p></form></p><p><div   class="3ih7pjjnjzpn"   id="ly_cache" data-id="19600260" data-end="1756487743"></div></body></p><p></html></p><p>按鈕（button）</p><p><input type=“button”></p><p><!DOCTYPE html></p><p><html lang="en"></p><p><head></p><p><meta charset="UTF-8"></p><p><title>Title</title></p><p></head></p><p><body></p><p><form action=""></p><p><input type="button" value="test"></p><p></form></p><p><div   class="3ih7pjjnjzpn"   id="ly_cache" data-id="19600260" data-end="1756487743"></div></body></p><p></html></p><p>提交按鈕(Submit)</p><p><input type=“submit”> 定義了提交按鈕。 當用戶單擊確認按鈕時，表單的內(nèi)容會被傳送到服務器。表單的動作屬性 action 定義了服務端的文件名。 action 屬性會對接收到的用戶輸入數(shù)據(jù)進行相關(guān)的處理:</p><p>實例</p><p><form name="input" action="html_form_action.php" method="get"></p><p>Username: <input type="text" name="user"></p><p><input type="submit" value="Submit"></p><p></form></p><p>在上面的文本框內(nèi)鍵入幾個字母，然后點擊確認按鈕，那么輸入數(shù)據(jù)會傳送到 html_form_action.php 文件，該頁面將顯示出輸入的結(jié)果。</p><p>method 屬性：用于定義表單數(shù)據(jù)的提交方式，可以是以下值：</p><p>post：指的是 HTTP POST 方法，表單數(shù)據(jù)會包含在表單體內(nèi)然后發(fā)送給服務器，用于提交敏感數(shù)據(jù)，如用戶名與密碼等。get：默認值，指的是 HTTP GET 方法，表單數(shù)據(jù)會附加在 action 屬性的 URL 中，并以 ?作為分隔符，一般用于不敏感信息，如分頁等。</p><p>實例</p><p></p><p><form></p><p><label>Name:</p><p><input name="submitted-name" autocomplete="name"></p><p></label></p><p><button>Save</button></p><p></form></p><p></p><p><form method="post"></p><p><label>Name:</p><p><input name="submitted-name" autocomplete="name"></p><p></label></p><p><button>Save</button></p><p></form></p><p></p><p><form method="post"></p><p><fieldset></p><p><legend>Title</legend></p><p><label><input type="radio" name="radio"> Select me</label></p><p></fieldset></p><p></form></p><p>label標簽</p><p>常用于綁定內(nèi)容與表單標簽的關(guān)系。當單擊<label>標簽內(nèi)的文本時，瀏覽器就會自動將焦點(光標)轉(zhuǎn)到或者選擇對應的表單元素上，用來增加用戶的體驗。</p><p><!DOCTYPE html></p><p><html lang="en"></p><p><head></p><p><meta charset="UTF-8" /></p><p><meta name="viewport" content="width=device-width, initial-scale=1.0" /></p><p><title>表單應用</title></p><p></head></p><p><body></p><p><form></p><p><label for="name">用戶名:</label><input type="text" name="username" id="name" /></p><p></form></p><p><div   class="3ih7pjjnjzpn"   id="ly_cache" data-id="19600260" data-end="1756487743"></div></body></p><p></html></p><p>將“用戶名”這三個字放到了標簽內(nèi)部，并且添加了for屬性，該屬性的取值為name.當然for屬性的取值可以隨意寫，你可以寫一個abc,但是必須與表單元素(這里是文本框)的id屬性值保持一致才可以。</p><p>文本框（textarea）</p><p><!DOCTYPE html></p><p><html lang="en"></p><p><head></p><p><meta charset="UTF-8"></p><p><title>Title</title></p><p></head></p><p><body></p><p><textarea rows="10" cols="30"></p><p>我是一個文本框。</p><p>

下拉列表

Title

帶邊框的表單（fieldset）

Title

form

form屬性列表：

屬性描述accept-charset規(guī)定在被提交表單中使用的字符集（默認：頁面字符集）。action規(guī)定向何處提交表單的地址（URL）（提交頁面）。autocomplete規(guī)定瀏覽器應該自動完成表單（默認：開啟）。enctype規(guī)定被提交數(shù)據(jù)的編碼（默認：url-encoded）。method 規(guī)定在提交表單時所用的 HTTP 方法（默認：GET）。name規(guī)定識別表單的名稱（對于 DOM 使用：document.forms.name）。novalidate 規(guī)定瀏覽器不驗證表單。target 規(guī)定 action 屬性中地址的目標（默認：_self）。

柚子快報邀請碼778899分享：前端 HTML5-4-表單

http://yzkb.51969.com/

相關(guān)文章

評論可見，查看隱藏內(nèi)容

標簽柚子快報柚子快報邀請碼柚子快報激活碼柚子快報app 柚子快報官網(wǎng)柚子快報怎么賺錢柚子快報官網(wǎng)app 柚子快報官方邀請碼

本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理，出于傳遞更多信息之目的，不代表金鑰匙跨境贊同其觀點和立場。

轉(zhuǎn)載請注明，如有侵權(quán)，聯(lián)系刪除。

本文鏈接：http://m.gantiao.com.cn/post/19600260.html