HTML表单标记form使用实例

　　html表单标记<form>一般用在用户登录，提交，在线订单购物，组合搜索等高级动态网站系统当中，因此了解表单标记将是前端开发的高级阶段，也是在动态网站建设中经常用到的标记之一。以下是青锋建站带给大家的HTML表单标记的使用实例。

表单的基本语法

<form action="url" method=*>
...
...
<input type=submit> <input type=reset>
</form>

method=*GET, POST ，指的是本网页提交表单所使用的提交方法，action="url",url为页面提交后用来处理提交数据的程序页面。

表单中提供给用户的输入形式

<input type=* name=**>
*=text, password, checkbox, radio, image, hidden, submit, reset
**=Symbolic Name for CGI script

单行输入表单

<input type=*>
<input type=* value=**>
<form action=/cgi-bin/post-query method=POST>
您的姓名: <input type=text name=姓名><br>
您的主页的网址: <input type=text name=网址 value=http://><br>
密码: <input type=password name=密码><br>
<input type=submit value="发送"><input type=reset value="重设"> </form>
效果如下图：

复选框(Checkbox)和单选框(RadioButton)

<input type=checkbox>
<input type=checkbox checked>
<input type=checkbox value=**>
<form action="url" method=POST>
<input type=checkbox name=水果1>
        香蕉<p>
<input type=checkbox name=水果2 checked>
        苹果<p>
<input type=checkbox name=水果3 value=橘子>
        桔子<p>
<input type=submit><input type=reset>
</form>

效果如下图:

列表框(Selectable Menu)

<select name=*>
<option> ...
</select>

<option selected>
<option value=**>

<form action=/cgi-bin/post-query method=POST> <select name=fruits> <option>香蕉 <option selected>苹果 <option value=My_Favorite>桔子 </select><p> <input type=submit><input type=reset> </form>

文本区域

<textarea name=* rows=** cols=**> ... <textarea>
<form action=/cgi-bin/post-query method=POST>
<textarea name=comment rows=5 cols=60>
</textarea>
<P>
<input type=submit><input type=reset>
</form>

效果如下图：

　　以上就是青锋建站给大家分享的html表单标记<form>的使用方法与示例，青锋建站，提供专业的高品质网站制作服务，包括网站建设，SEO，网络营销，PHP开发，网站建设知名品牌，全国接单，为企业构建强有力的营销平台。

转载请注明来源网址：青锋建站-http://www.sjzphp.com/webdis/htmlform.html