HTML表单标记form使用实例

更新时间:2019-08-27 10:59:07 来源:未知 作者:admin
  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>

效果如下图:

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


列表框(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>

列表框(Selectable Menu)

文本区域

<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

电话 15632335515 | 邮箱 943703539@qq.com | QQ 943703539 | 微信 qingfengjianzhan

Copyright © 2016-2026 青锋建站 版权所有