零基础建站培训介绍

当前位置：

HTML 表单

HTML 表单用于搜集不同类型的用户输入。
本节内容较多，主要分为HTML 表单组成、HTML 表单元素、HTML 输入类型、HTML Input 属性四部分内容。可以点击下面的锚点链接快速定位到相应的内容。

<form> 元素

HTML 表单用于收集用户输入。
<form> 元素定义 HTML 表单：

实例



<form>

表单内容

</form>

HTML 表单包含表单元素。

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

<input> 元素

<input> 元素是特别重要的表单元素。
<input> 元素有很多形态，根据不同的 type 属性。
这是本章中使用的类型：

类型 描述
text 定义常规文本输入。
radio 定义单选按钮输入（选择多个选择之一）
submit 定义提交按钮（提交表单）

注释：您稍后将在本教程学到更多有关输入类型的知识。

文本输入

<input type="text"> 定义用于文本输入的单行输入字段：

实例



<form>

 姓:<br>

<input type="text" name="姓">

<br>

 名:<br>

<input type="text" name="名">

</form>

在浏览器中看起来是这样的：

姓:

名:

注释：表单本身并不可见。还要注意文本字段的默认宽度是 20 个字符。

单选按钮输入

<input type="radio"> 定义单选按钮。
单选按钮允许用户在有限数量的选项中选择其中之一：

实例



<form>

<input type="radio" name="sex" value="先生" checked>先生

<br>

<input type="radio" name="sex" value="女士">女士

</form>

单选按钮在浏览器看起来是这样的：

先生
女士

提交按钮

<input type="submit"> 定义用于向表单处理程序（form-handler）提交表单的按钮。
表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。
表单处理程序在表单的 action 属性中指定：

实例



<form action="action_page.php">

姓:<br>

<input type="text" name="姓" value="欧阳">

<br>

名:<br>

<input type="text" name="名" value="大侠">

<br><br>

<input type="submit" value="提交">

</form>

在浏览器中看起来是这样的：

姓:

名:

Action 属性

action 属性定义在提交表单时执行的动作。
向服务器提交表单的通常做法是使用提交按钮。
通常，表单会被提交到 web 服务器上的网页。
在上面的例子中，指定了某个服务器脚本来处理被提交表单：



<form action="action_page.php">

如果省略 action 属性，则 action 会被设置为当前页面。

Method 属性

method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）：



<form action="action_page.php" method="GET">

或：



<form action="action_page.php" method="POST">

何时使用 GET？

您能够使用 GET（默认方法）：
如果表单提交是被动的（比如搜索引擎查询），并且没有敏感信息。
当您使用 GET 时，表单数据在页面地址栏中是可见的：



action_page.php?姓=欧阳&名=大侠

注释：GET 特别适合少量数据的提交。浏览器会设定容量限制。

何时使用 POST？

您应该使用 POST：
如果表单正在更新数据，或者包含敏感信息（例如密码）。
POST 的安全性更加，因为在页面地址栏中被提交的数据是不可见的。

Name 属性

如果要正确地被提交，每个输入字段必须设置一个 name 属性。
本例只会提交 "名" 输入字段：

实例



<form action="action_page.php">

姓:<br>

<input type="text" value="欧阳">

<br>

名:<br>

<input type="text" name="名" value="大侠">

<br><br>

<input type="submit" value="提交">

</form>

用 <fieldset> 组合表单数据

<fieldset> 元素组合表单中的相关数据
<legend> 元素为 <fieldset> 元素定义标题。

实例



<form action="action_page.php">

<fieldset>

<legend>Personal information:</legend>

姓:<br>

<input type="text" name="姓" value="欧阳">

<br>

名:<br>

<input type="text" name="名" value="大侠">

<br><br>

<input type="submit" value="提交"></fieldset>

</form>

以上 HTML 代码在浏览器中看起来是这样的：

Personal information:

姓:

名:

HTML Form 属性

HTML <form> 元素，已设置所有可能的属性，是这样的：

实例



<form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8"

ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate>

.

form elements

 .

</form>

下面是 <form> 属性的列表：

属性 描述
accept-charset 规定在被提交表单中使用的字符集（默认：页面字符集）。
action 规定向何处提交表单的地址（URL）（提交页面）。
autocomplete 规定浏览器应该自动完成表单（默认：开启）。
enctype 规定被提交数据的编码（默认：url-encoded）。
method 规定在提交表单时所用的 HTTP 方法（默认：GET）。
name 规定识别表单的名称（对于 DOM 使用：document.forms.name）。
novalidate 规定浏览器不验证表单。
target 规定 action 属性中地址的目标（默认：_self）。

HTML 表单元素

<input> 元素

特别重要的表单元素是 <input> 元素。
<input> 元素根据不同的 type 属性，可以变化为多种形态。

<select> 元素（下拉列表）

<select> 元素定义下拉列表：

实例



<select name="cars">

<option value="volvo">Volvo</option>

<option value="saab">Saab</option>

<option value="fiat">Fiat</option>

<option value="audi">Audi</option>

</select>

<option> 元素定义待选择的选项。
列表通常会把首个选项显示为被选选项。
您能够通过添加 selected 属性来定义预定义选项。

实例



<option value="fiat" selected>Fiat</option>

<textarea> 元素

<textarea> 元素定义多行输入字段（文本域）：

实例



<textarea name="message" rows="10" cols="30">

欢迎来到学做网站论坛站长百科.

</textarea>

以上 HTML 代码在浏览器中显示为：



欢迎来到学做网站论坛站长百科.

<button> 元素

<button> 元素定义可点击的按钮：

实例



<button type="button" onclick="alert('欢迎来到学做网站论坛站长百科!')">Click Me!</button>

以上 HTML 代码在浏览器中显示为：

HTML5 表单元素

HTML5 增加了如下表单元素：

  • <datalist>
  • <keygen>
  • <output>

注释：默认地，浏览器不会显示未知元素。新元素不会破坏您的页面。

HTML5 <datalist> 元素

<datalist> 元素为 <input> 元素规定预定义选项列表。
用户会在他们输入数据时看到预定义选项的下拉列表。
<input> 元素的 list 属性必须引用 <datalist> 元素的 id 属性。

实例

通过 <datalist> 设置预定义值的 <input> 元素：



<form action="action_page.php">

<input list="browsers">

<datalist id="browsers">

   <option value="Internet Explorer">

   <option value="Firefox">

   <option value="Chrome">

   <option value="Opera">

   <option value="Safari">

</datalist>

</form>

HTML 输入类型

输入类型：text

<input type="text"> 定义供文本输入的单行输入字段：

实例



<form>

 姓:<br>

<input type="text" name="姓">

<br>

 名:<br>

<input type="text" name="名">

</form>

以上 HTML 代码在浏览器中看上去是这样的：

姓:

名:

输入类型：password

<input type="password"> 定义密码字段：

实例



<form>

 User name:<br>

<input type="text" name="username">

<br>

 User password:<br>

<input type="password" name="psw">

</form>

以上 HTML 代码在浏览器中看上去是这样的：

User name:

User password:

注释：password 字段中的字符会被做掩码处理（显示为星号或实心圆）。

输入类型：submit

<input type="submit"> 定义提交表单数据至表单处理程序的按钮。
表单处理程序（form-handler）通常是包含处理输入数据的脚本的服务器页面。
在表单的 action 属性中规定表单处理程序（form-handler）：

实例



<form action="action_page.php">

姓:<br>

<input type="text" name="姓" value="欧阳">

<br>

名:<br>

<input type="text" name="名" value="大侠">

<br><br>

<input type="submit" value="提交">

</form>

以上 HTML 代码在浏览器中看上去是这样的：

姓:

名:

如果您省略了提交按钮的 value 属性，那么该按钮将获得默认文本：

实例



<form action="action_page.php">

姓:<br>

<input type="text" name="姓" value="欧阳">

<br>

名:<br>

<input type="text" name="名" value="大侠">

<br><br>

<input type="submit">

</form>

Input Type: radio

<input type="radio"> 定义单选按钮。
Radio buttons let a user select ONLY ONE of a limited number of choices:

实例



<form>

<input type="radio" name="sex" value="先生" checked>先生

<br>

<input type="radio" name="sex" value="女士">女士

</form>

以上 HTML 代码在浏览器中看上去是这样的：

先生
女士

Input Type: checkbox

<input type="checkbox"> 定义复选框。
复选框允许用户在有限数量的选项中选择零个或多个选项。

实例



<form>

<input type="checkbox" name="vehicle" value="Bike">I have a bike

<br>

<input type="checkbox" name="vehicle" value="Car">I have a car

</form>

以上 HTML 代码在浏览器中看上去是这样的：

I have a bike
I have a car

Input Type: button

<input type="button> 定义按钮。

实例



<input type="button" onclick="alert('欢迎来到学做网站论坛站长百科!')" value="Click Me!">

以上 HTML 代码在浏览器中看上去是这样的：

HTML5 输入类型

HTML5 增加了多个新的输入类型：

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

注释：老式 web 浏览器不支持的输入类型，会被视为输入类型 text。

输入类型：number

<input type="number"> 用于应该包含数字值的输入字段。
您能够对数字做出限制。
根据浏览器支持，限制可应用到输入字段。

实例



<form>

  Quantity (between 1 and 5):

  <input type="number" name="quantity" min="1" max="5">

</form>

输入限制

这里列出了一些常用的输入限制（其中一些是 HTML5 中新增的）：

属性 描述
disabled 规定输入字段应该被禁用。
max 规定输入字段的最大值。
maxlength 规定输入字段的最大字符数。
min 规定输入字段的最小值。
pattern 规定通过其检查输入值的正则表达式。
readonly 规定输入字段为只读（无法修改）。
required 规定输入字段是必需的（必需填写）。
size 规定输入字段的宽度（以字符计）。
step 规定输入字段的合法数字间隔。
value 规定输入字段的默认值。

您将在下一章学到更多有关输入限制的知识。

实例



<form>

  Quantity:

  <input type="number" name="points" min="0" max="100" step="10" value="30">

</form>

输入类型：date

<input type="date"> 用于应该包含日期的输入字段。
根据浏览器支持，日期选择器会出现输入字段中。

实例



<form>

  生日:

  <input type="date" name="bday">

</form>

您可以向输入添加限制：

实例



<form>

  Enter a date before 1980-01-01:

  <input type="date" name="bday" max="1979-12-31"><br>

  Enter a date after 2000-01-01:

  <input type="date" name="bday" min="2000-01-02"><br>

</form>

输入类型：color

<input type="color"> 用于应该包含颜色的输入字段。
根据浏览器支持，颜色选择器会出现输入字段中。

实例



<form>

  Select your favorite color:

  <input type="color" name="favcolor">

</form>

输入类型：range

<input type="range"> 用于应该包含一定范围内的值的输入字段。
根据浏览器支持，输入字段能够显示为滑块控件。

实例



<form>

  <input type="range" name="points" min="0" max="10">

</form>

您能够使用如下属性来规定限制：min、max、step、value。

输入类型：month

<input type="month"> 允许用户选择月份和年份。
根据浏览器支持，日期选择器会出现输入字段中。

实例



<form>

  生日 (月和年):

  <input type="month" name="bdaymonth">

</form>

输入类型：week

<input type="week"> 允许用户选择周和年。
根据浏览器支持，日期选择器会出现输入字段中。

实例



<form>

  选择星期:

  <input type="week" name="week_year">

</form>

输入类型：time

<input type="time"> 允许用户选择时间（无时区）。
根据浏览器支持，时间选择器会出现输入字段中。

实例



<form>

  选择时间:

  <input type="time" name="usr_time">

</form>

输入类型：datetime

<input type="datetime"> 允许用户选择日期和时间（有时区）。
根据浏览器支持，日期选择器会出现输入字段中。

实例



<form>

  生日 (日期和时间):

  <input type="datetime" name="bdaytime">

</form>

输入类型：datetime-local

<input type="datetime-local"> 允许用户选择日期和时间（无时区）。
根据浏览器支持，日期选择器会出现输入字段中。

实例



<form>

  生日 (日期和时间):

  <input type="datetime-local" name="bdaytime">

</form>

输入类型：email

<input type="email"> 用于应该包含电子邮件地址的输入字段。
根据浏览器支持，能够在被提交时自动对电子邮件地址进行验证。
某些智能手机会识别 email 类型，并在键盘增加 ".com" 以匹配电子邮件输入。

实例



<form>

  E-mail:

  <input type="email" name="email">

</form>

输入类型：search

<input type="search"> 用于搜索字段（搜索字段的表现类似常规文本字段）。

实例



<form>

  Search Google:

  <input type="search" name="googlesearch">

</form>

输入类型：tel

<input type="tel"> 用于应该包含电话号码的输入字段。
目前只有 Safari 8 支持 tel 类型。

实例



<form>

  电话号码：

  <input type="tel" name="usrtel">

</form>

输入类型：url

<input type="url"> 用于应该包含 URL 地址的输入字段。
根据浏览器支持，在提交时能够自动验证 url 字段。
某些智能手机识别 url 类型，并向键盘添加 ".com" 以匹配 url 输入。

实例



<form>

  添加网址:

  <input type="url" name="homepage">

</form>

HTML Input 属性

value 属性

value 属性规定输入字段的初始值：

实例



<form action="">

 姓:<br>

<input type="text" name="姓" value="欧阳">

<br>

 名:<br>

<input type="text" name="名">

</form>

readonly 属性

readonly 属性规定输入字段为只读（不能修改）：

实例



<form action="">

 姓:<br>

<input type="text" name="姓" value="欧阳" readonly>

<br>

 名:<br>

<input type="text" name="名">

</form>

readonly 属性不需要值。它等同于 readonly="readonly"。

disabled 属性

disabled 属性规定输入字段是禁用的。
被禁用的元素是不可用和不可点击的。
被禁用的元素不会被提交。

实例



<form action="">

 姓:<br>

<input type="text" name="姓" value="欧阳" disabled>

<br>

 名:<br>

<input type="text" name="名">

</form>

disabled 属性不需要值。它等同于 disabled="disabled"。

size 属性

size 属性规定输入字段的尺寸（以字符计）：

实例



<form action="">

 姓:<br>

<input type="text" name="姓" value="欧阳" size="40">

<br>

 名:<br>

<input type="text" name="名">

</form>

maxlength 属性

maxlength 属性规定输入字段允许的最大长度：

实例



<form action="">

 姓:<br>

<input type="text" name="姓" maxlength="10">

<br>

 名:<br>

<input type="text" name="名">

</form>

如设置 maxlength 属性，则输入控件不会接受超过所允许数的字符。
该属性不会提供任意反馈。如果需要提醒用户，则必须编写 JavaScript 代码。

注释：输入限制并非万无一失。JavaScript 提供了很多方法来增加非法输入。如需安全地限制输入，则接受者（服务器）必须同时对限制进行检查。

HTML5 属性

HTML5 为 <input> 增加了如下属性：

  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • height 和 width
  • list
  • min 和 max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

并为 <form> 增加如需属性：

  • autocomplete
  • novalidate

autocomplete 属性

autocomplete 属性规定表单或输入字段是否应该自动完成。
当自动完成开启，浏览器会基于用户之前的输入值自动填写值。

提示：您可以把表单的 autocomplete 设置为 on，同时把特定的输入字段设置为 off，反之亦然。

autocomplete 属性适用于 <form> 以及如下 <input> 类型：text、search、url、tel、email、password、datepickers、range 以及 color。

实例

自动完成开启的 HTML 表单（某个输入字段为 off）：



<form action="action_page.php" autocomplete="on">

   姓:<input type="text" name="fname"><br>

   名: <input type="text" name="lname"><br>

   电子邮件：<input type="email" name="email" autocomplete="off"><br>

   <input type="submit">

</form>

提示：在某些浏览器中，您也许需要手动启用自动完成功能。

novalidate 属性

novalidate 属性属于 <form> 属性。
如果设置，则 novalidate 规定在提交表单时不对表单数据进行验证。

实例

指示表单在被提交时不进行验证：



<form action="action_page.php" novalidate>

   电子邮件：<input type="email" name="user_email">

   <input type="submit">

</form>

autofocus 属性

autofocus 属性是布尔属性。
如果设置，则规定当页面加载时 <input> 元素应该自动获得焦点。

实例

使 "姓" 输入字段在页面加载时自动获得焦点：



姓:<input type="text" name="fname" autofocus>

form 属性

form 属性规定 <input> 元素所属的一个或多个表单。

提示：如需引用一个以上的表单，请使用空格分隔的表单 id 列表。

实例

输入字段位于 HTML 表单之外（但仍属表单）：



<form action="action_page.php" id="form1">

   姓: <input type="text" name="fname"><br>

   <input type="submit" value="提交">

</form>

 名: <input type="text" name="lname" form="form1">

formaction 属性

formaction 属性规定当提交表单时处理该输入控件的文件的 URL。
formaction 属性覆盖 <form> 元素的 action 属性。
formaction 属性适用于 type="submit" 以及 type="image"。

实例

拥有两个两个提交按钮并对于不同动作的 HTML 表单：



<form action="action_page.php">

   姓: <input type="text" name="fname"><br>

   名: <input type="text" name="lname"><br>

   <input type="submit" value="提交"><br>

   <input type="submit" formaction="demo_admin.asp"

   value="Submit as admin">

</form>

formenctype 属性

formenctype 属性规定当把表单数据（form-data）提交至服务器时如何对其进行编码（仅针对 method="post" 的表单）。
formenctype 属性覆盖 <form> 元素的 enctype 属性。
formenctype 属性适用于 type="submit" 以及 type="image"。

实例

发送默认编码以及编码为 "multipart/form-data"（第二个提交按钮）的表单数据（form-data）：



<form action="demo_post_enctype.asp" method="post">

   姓: <input type="text" name="fname"><br>

   <input type="submit" value="提交">

   <input type="submit" formenctype="multipart/form-data"

   value="Submit as Multipart/form-data">

</form>

formmethod 属性

formmethod 属性定义用以向 action URL 发送表单数据（form-data）的 HTTP 方法。
formmethod 属性覆盖 <form> 元素的 method 属性。
formmethod 属性适用于 type="submit" 以及 type="image"。

实例

第二个提交按钮覆盖表单的 HTTP 方法：



<form action="action_page.php" method="get">

   姓: <input type="text" name="fname"><br>

   名: <input type="text" name="lname"><br>

   <input type="submit" value="提交">

   <input type="submit" formmethod="post" formaction="demo_post.asp"

   value="Submit using POST">

</form>

formnovalidate 属性

novalidate 属性是布尔属性。
如果设置，则规定在提交表单时不对 <input> 元素进行验证。
formnovalidate 属性覆盖 <form> 元素的 novalidate 属性。
formnovalidate 属性可用于 type="submit"。

实例

拥有两个提交按钮的表单（验证和不验证）：



<form action="action_page.php">

   电子邮件：<input type="email" name="userid"><br>

   <input type="submit" value="提交"><br>

   <input type="submit" formnovalidate value="Submit without validation">

</form>

formtarget 属性

formtarget 属性规定的名称或关键词指示提交表单后在何处显示接收到的响应。
formtarget 属性会覆盖 <form> 元素的 target 属性。
formtarget 属性可与 type="submit" 和 type="image" 使用。

实例

这个表单有两个提交按钮，对应不同的目标窗口：



<form action="action_page.php">

   姓: <input type="text" name="fname"><br>

   名: <input type="text" name="lname"><br>

   <input type="submit" value="Submit as normal">

   <input type="submit" formtarget="_blank"

   value="Submit to a new window">

</form>

height 和 width 属性

height 和 width 属性规定 <input> 元素的高度和宽度。
height 和 width 属性仅用于 <input type="image">。

注释：请始终规定图像的尺寸。如果浏览器不清楚图像尺寸，则页面会在图像加载时闪烁。

实例

把图像定义为提交按钮，并设置 height 和 width 属性：



<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">

list 属性

list 属性引用的 <datalist> 元素中包含了 <input> 元素的预定义选项。

实例

使用 <datalist> 设置预定义值的 <input> 元素：



<input list="browsers">

<datalist id="browsers">

   <option value="Internet Explorer">

   <option value="Firefox">

   <option value="Chrome">

   <option value="Opera">

   <option value="Safari">

</datalist>

min 和 max 属性

min 和 max 属性规定 <input> 元素的最小值和最大值。
min 和 max 属性适用于如需输入类型：number、range、date、datetime、datetime-local、month、time 以及 week。

实例

具有最小和最大值的 <input> 元素：



Enter a date before 1980-01-01:

<input type="date" name="bday" max="1979-12-31">

 Enter a date after 2000-01-01:

<input type="date" name="bday" min="2000-01-02">

 Quantity (between 1 and 5):

<input type="number" name="quantity" min="1" max="5">

multiple 属性

multiple 属性是布尔属性。
如果设置，则规定允许用户在 <input> 元素中输入一个以上的值。
multiple 属性适用于以下输入类型：email 和 file。

实例

接受多个值的文件上传字段：



Select images: <input type="file" name="img" multiple>

pattern 属性

pattern 属性规定用于检查 <input> 元素值的正则表达式。
pattern 属性适用于以下输入类型：text、search、url、tel、email、and password。

提示：请使用全局的 title 属性对模式进行描述以帮助用户。

提示：请在我们的 JavaScript 教程中学习更多有关正则表达式的知识。

实例

只能包含三个字母的输入字段（无数字或特殊字符）：



Country code:

<input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">

placeholder 属性

placeholder 属性规定用以描述输入字段预期值的提示（样本值或有关格式的简短描述）。
该提示会在用户输入值之前显示在输入字段中。
placeholder 属性适用于以下输入类型：text、search、url、tel、email 以及 password。

实例

拥有占位符文本的输入字段：



<input type="text" name="fname" placeholder="姓">

required 属性

required 属性是布尔属性。
如果设置，则规定在提交表单之前必须填写输入字段。
required 属性适用于以下输入类型：text、search、url、tel、email、password、date pickers、number、checkbox、radio、and file.

实例

必填的输入字段：



Username: <input type="text" name="usrname" required>

step 属性

step 属性规定 <input> 元素的合法数字间隔。
示例：如果 step="3"，则合法数字应该是 -3、0、3、6、等等。

提示：step 属性可与 max 以及 min 属性一同使用，来创建合法值的范围。

step 属性适用于以下输入类型：number、range、date、datetime、datetime-local、month、time 以及 week。

示例

拥有具体的合法数字间隔的输入字段：



<input type="number" name="points" step="3">
上一课: 下一课:

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • HTML常用书写工具有哪些 (115099 次浏览)
    HTML常用写书工具有以下几种：第一种：记事本记事本是最简单的HTML书写工具，但功能也是特别少的，不太适合建网站新手来使用。（新手学习HTML
  • HTML文本格式化标签与引用标签 (116240 次浏览)
    HTML 文本格式化：使用 pre 标签对空行和空格进行控制。“计算机输出”标签：这些标签常用于显示计算机/编程代码。引用标签：使用 blockquote
  • HTML粗体标签、着重标签、斜体标签 (120042 次浏览)
    HTML粗体标签：HTML b 标签b 标签-- 定义粗体文字 不符合标准网页设计的理念,不赞成使用. b标签是成对出现的,以<b>开始,以</b>结束 .
  • HTML换行标签与水平线标签 (117221 次浏览)
    HTML换行标签：<BR/>br 是换行(Break)的缩写。文本会在这个标签的地方换行。在HTML代码里直接换行的话,按浏览器的不同可能显示为一个空格,或
  • html元素标签属性大全 (116260 次浏览)
    什么是HTML属性每个HTML元素都可以给它添加一些属性，让它成为我们做网站时需要的样子。例如一段文字，我们可以给它添加属性，使这段文字变成红色，
  • HTML表单的代码写法 (17007 次浏览)
    HTML表单在我们做网站中经常会被用到，如用户注册，网站投稿，评论等都会使用到表单。下面分享一下HTML表单的代码写法。（相关教程：网站Form表单实现
  • 6个超美的HTML+CSS用户留言表单 图文教程 (18082 次浏览)
    如今我们的网站、页面更加需要注重细节，不论是字体的样式、还是图片的分辨率清晰度都会影响到用户的访问体验和PV，以及用户以后是否会回访我们的网站
  • input表单如何在点击时去除边框 (15605 次浏览)
    网站制作过程中，我们会使用input来制作表单，默认情况下，表单在点击时会出现一个边框，不是很美观，那么怎么实现input表单在点击时去除边框呢？
  • HTML 表单 (11086 次浏览)
    HTML 表单用于搜集不同类型的用户输入。本节内容较多，主要分为HTML 表单组成、HTML 表单元素、HTML 输入类型、HTML Input 属性四部分内容。可以点击
  • PHP转码：表单提交GBK编码接收转为UTF8编码 (16886 次浏览)
    表单提交接收是做网站时经常的操作，但有时提交页与接收页的编码不一样，例如提交页是GBK编码，但接收页却是UTF8编码。这样用表单提交后，就会出同乱

教程目录

网站标签

做网站公司 网站培训 网站建设 网站制作教程 创建网站步骤 北京网站建设培训 广州网站制作培训 合肥建网站培训 微信小程序教程 搭建个人网站 建站培训 网站制作学习 做网站需要学习什么 织梦cms建站教程 PS教程 快速建站教程 企业网站制作教程 论坛制作视频教程 电子商城制作教程 外贸网站制作教程 中英文多语网站制作教程 HTML5 视频教程 CSS3视频教程 网站前端开发教程 网站后台开发教程 wordpress模板主题开发 仿站教程 织梦建站视频教程 如何做网站 怎么创建个人网站 网站建设公司 代建网站