NIUBI
开发教程

HTML 创建表单

1年前/ 97/ / WP爱好者/ 已收录/
导语: 今天讲制作一个登陆表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。

今天讲制作一个登陆表单

表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。

表单使用表单标签(<form>)定义。

<form> ...   input 元素 ... </form> 

输入

多数情况下被用到的表单标签是输入标签(<input>)。输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:

文本域(Text Fields)

当用户要在表单中键入字母、数字等内容时,就会用到文本域。

<input type="text" name="lastname" />

浏览器显示如下:

First name:
Last name:

注意,表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是 20 个字符。

利用 <input>标签的 type 属性,增加一个按钮。

<form> First name:  <input type="text" name="firstname" /> <br /> Last name:  <input type="text" name="lastname" /> <br /> <input type="submit" value="登 陆" name="submit"/> </form>

效果如下:HTML 创建表单

点点赞赏,手留余香

还没有人赞赏,快来当第一个赞赏的人吧!
admin给Admin打赏
×
予人玫瑰,手有余香
  • 2
  • 5
  • 10
  • 20
  • 50
2
支付
收藏 0 海报

版权归属:本文为原创文章,版权归 所有

本文链接:( 欢迎分享本文,转载请保留出处 )

免责声明:如发现本站有涉嫌抄袭侵权/违法违规的内容,请邮件/留言反馈,一经查实本站将立刻删除!

<< 上一篇

2019-04-26

下一篇 >>

2019-04-28

全部评论( 0 条 )
扫一扫二维码分享