HTML5表單的建立以及和php互動

2021-07-22 16:20:55 字數 3439 閱讀 9892

html表單

表單用於獲取不同型別的使用者輸入

常用的表單標籤：

表單輸入域

文字域控制標籤

定義域域的標題

選擇列表

選項組下拉列表中的選項

按鈕測試**如下



html>


<


htmllang="en">


<


head>


<


metacharset="utf-8">


<


title>表單


title>


head>


<


body>


<


form>


使用者名稱:<


inputtype="text">


<


br>


密碼:<


inputtype="password">


<


br>


你喜歡的水果:


<


br>


蘋果<


inputtype="checkbox">


雪梨<


inputtype="checkbox">


香蕉<


inputtype="checkbox">


<


br>


請選擇性別:


男<


inputtype="radio"name="***">//名字要一樣***


女<


inputtype="radio"name="***">


<


br>


請選擇你的**


<


select>


<


option>


option>


<


option>


option>


<


option>編譯教程


option>


select>


<


br>


<


textareacols="30"rows="30">請在次填寫個人資訊


textarea>


form>


body>


html>

html與php通訊

html**：



html>


<


htmllang="en">


<


head>


<


metacharset="utf-8">


<


title>表單與php互動


使用者名稱:<


inputtype="text"name="name">


<


br>


密 碼:<


inputtype="password"name="password">


<


br/>


<


inputtype="submit"value="提交">


form>


body>


html>

php**：

<?php

echo "使用者名稱:".

$_post

['name']."

密碼:".

$_post

['password'];

HTML5智慧型表單

1 便於排版的form表單 html5為了方便排版，可以使form的表單標籤脫離form的巢狀。方法 form指定id，所有的標籤標籤都新增form id屬性。例如 2 form新型別 type email 郵箱 自帶格式校驗 type url 必須帶協議 自帶格式校驗 type date 日期選擇...

HTML5表單屬性

1.6.input的formenctype屬性 用於表單提交到伺服器的資料編碼 只對form表單中method post 表單 該屬性會覆蓋form元素的enctype屬性。7 input formmethod屬性，定義了表單的提交方式，覆蓋了form元素的method屬性 8 input form...

HTML5 表單提交

html5的確是大勢所趨 現在就來說下html 5 當你看到你的頁面標頭是這樣 證明是h5咯 以往的頁面開頭總是很長 現在簡單多了 charset utf 8 這個是編碼格式咯 或者是別的這時候就說說 吧 action 提交位址 method get post onsubmit return che...