400-650-7353
您所在的位置:首页 > IT干货资料 > web前端 > 【Web前端基础知识】HTML表单怎么创建

【Web前端基础知识】HTML表单怎么创建

  • 发布: Web前端培训
  • 来源:Web前端干货资料
  • 2020-03-04 19:25:17
  • 阅读()
  • 分享
  • 手机端入口

5)下拉列表框:

格式:

  1. <select name="" > 
  2.             <option value="" selected>下拉列表项option> 
  3.             <option value="" >下拉列表项option> 
  4.             <option value="" >下拉列表项option> 
  5.             <option value="" >下拉列表项option> 
  6.             <option value="" >下拉列表项option> 
  7.          select> 

multiple:允许用户选中多个下拉列表项

optgroup: 设置下拉分类标示

6) 文本域:可以输入多行数据的表单控件

  1. <textarea name="" id="" cols="" rows=""> 
  2.             内容 
  3.  textarea> 

rows:设置文本域可以输入的行数

cols:设置的文本域输入的列数(一行可以输入多少个字符)(不是PX)

个人介绍:

  1. <textarea name='descs' cols="50" rows="10"> 
  2.             我是个学生 
  3.     textarea> 

7)隐藏域:

  1. <input type="hidden" name = “”value =””> 

8)上传控件:

  1. <input type="file" name=””> 

9)按钮标签:

普通按钮:为js提供的控件

  1. <input type='button' name=”” value=""/> 

value:按钮中显示的数据和提交到服务器后该控件提交的值

  1. <input type='button' name='clicks' value="点我"/> 

提交按钮:点击后可以提交表单

  1. <input type='submit' name="add" value='注册'/> 

重置按钮:点击后可以将用户输入的数据清空

  1. <input type='reset' name='cancel' value='重置'> 

图片提交按钮:使用图片作为提交按钮

  1. <input type='image' src='图片地址' name=””> 

本文的分享就到这,感兴趣的同学可以自己试试看噢!

 

文章“【Web前端基础知识】HTML表单怎么创建”已帮助

>>本文地址:https://www.ujiuye.com/zhuanye/2020/48445.html

THE END  

声明:本站稿件版权均属中公教育优就业所有,未经许可不得擅自转载。

1 您的年龄

2 您的学历

3 您更想做哪个方向的工作?

获取测试结果
  • 大前端大前端
  • 大数据大数据
  • 互联网营销互联网营销
  • JavaJava
  • Linux云计算Linux
  • Python+人工智能Python
  • 嵌入式物联网嵌入式
  • 全域电商运营全域电商运营
  • 软件测试软件测试
  • 室内设计室内设计
  • 平面设计平面设计
  • 电商设计电商设计
  • 网页设计网页设计
  • 全链路UI/UE设计UI设计
  • VR/AR游戏开发VR/AR
  • 网络安全网络安全
  • 新媒体与短视频运营新媒体
  • 直播带货直播带货
  • 智能机器人软件开发智能机器人
 

快速通道fast track

近期开班时间TIME