HTML第三講表單

時間 2019-11-06

標籤 html 第三表單欄目 HTML 简体版

原文原文鏈接

1.文本排版標記html

<pre>：定義預格式web

<h1>到<h6>：加粗文字逐漸變小（代替<b>）瀏覽器

行內標記（加標記不換行）如：<b>（web2.0廢棄）,（加粗）,（傾斜）,<span>（行內標記）,<a>（定義錨）服務器

塊級標記（單獨佔一行標記）如：<li>,<h1>,ide

,<table>post

例：代碼以下spa

<pre>
鋤禾日當午
鋤禾日當午
鋤禾日當午
鋤禾日當午
</pre>
<ol type="A" start="4">
<li>汗滴禾下土</li>
<li>汗滴禾下土</li>
<li>汗滴禾下土</li>
</ol>
<ul type="circle">
<li>誰知盤中餐</li>
<li>誰知盤中餐</li>
<li>誰知盤中餐</li>
</ul>
<dl>
<dt>粒粒皆辛苦</dt>
<dd>粒粒皆辛苦</dd>
<dd>粒粒皆辛苦</dd>
</dl>
orm

2.表單htm

表單，瀏覽器和服務器交流的數據的入口，客戶端收集信息的窗口。blog

1.form

表單用<form>定義

form屬性：

name：表單名稱

action：提交到的地址（表單內容提交，跳轉）

method：何種方式提交

method方式分爲兩種：get（明碼提交，地址欄超級連接），post（隱藏方式提交，瀏覽器底層協議提交）

2.表單元素

根據屬性可分爲三種類型：

①input類型：

文本框：<input type=」text」 name=」youname」> 姓名

密碼框：<input type=」password」 name=」password」>密碼不以明文顯示

單選按鈕：<input type='」radio」 name=」sex」 value=」male」>男

<input type=」radio」 name=」sex」 value=」female」>女

複選框：<input type=」checkbox」 name=」bike」>自行車

<input type=」checkbox」 name=」car」>小汽車

圖片上傳：<input type=」p_w_picpath」 src=」路徑「>

文本上傳：<input type=」file」 name=」filename」>

提交按鈕：<input type=」submit」 value=」提交按鈕」>提交

<input type=」reset」 value=」重置按鈕」>重置

②文本域類型

</textarea>

③下拉列表

<option value=」A」>教師</option>

<option value=」B」>學生</option>

案例：

效果圖以下

代碼以下

<tr>
<td>
<table border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="right" colspan="3">
<a href="demo1.html">查看
<a href="demo2.html">返回
</td>
</tr>

<tr>
<td>用戶名</td>
<td>
<form><input type="text" name="youname"></form>
</td>
<td>用戶名不能爲空</td>
</tr>