首页 > 其他分享 >表单域(html)

表单域(html)

时间:2023-05-14 14:31:54浏览次数:34  
标签:QQ 3221 网络 3223 表单 html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>表单域</title>

</head>

<body>

<!-- 表单域form标签 -->

<form action="">

<!-- input输入元素,type属性值不同,效果不同 -->

<!-- text文本 -->

姓名:<input type="text"><br>

QQ :<input type="text"><br>

<!-- password表示密码 -->

密码:<input type="password"><br>

<!-- radio定义单选按钮 -->

<!-- name定义input输入元素的名称,value是值 -->

性别:男<input type="radio" name="sex" value="man">女<input type="radio" name="sex" value="women"><br>

班级:网络3221 <input type="radio" name="banji" value="3221">网络3222 <input type="radio" name="banji" value="3222">网络3223 <input type="radio" name="banji" value="3223"><br>

<!-- checkbox多选 -->

爱好:羽毛球<input type="checkbox" name="hobby" value="qiu">

跑步<input type="checkbox" name="hobby" value="play">

唱歌<input type="checkbox" name="hobby" value="sing">

旅游<input type="checkbox" name="hobby" value="travel">

品尝美食<input type="checkbox" name="hobby" value="eat">

</form>

</body>

</html>

效果图:

表单域(html)_html


标签:QQ,3221,网络,3223,表单,html
From: https://blog.51cto.com/u_16041695/6274908

相关文章

  • Windows上搭建rtsp-simple-server流媒体服务器实现rtsp、rtmp等推流以及转流、前端htm
    上面讲了Nginx-http-flv-module+flv.js进行流媒体服务器搭建和前端播放视频流的过程。但是Nginx-http-flv-module对于Windows的支持以及推流格式的支持优先,所以下面推荐rtsp-simple-server流媒体服务器的使用。rtsp-simple-serverhttps://github.com/aler9/rtsp-simple-serverrtsp-......
  • css条件选择器has,给layui必填表单的label增加红色星号
    使用lay-reqtext而不应lay-verify或者lay-verify="required",是为了防止 lay-verify="required|monolog"和lay-verify=“自定义验证规则”(有时候不是必填项,但是填写以后要检查格式)。.layui-form-label:has(+divinput[lay-reqtext]):has条件选择器,括号里是选择条件,+div兄弟元......
  • 使用 jQuery Mobile 与 HTML5 开发 Web App (十八) —— HTML5 Web Workers
    本文要介绍的是HTML5的WebWorkers特性,它解决了JavaScript开发中一个重大的问题——在后台运行JavaScript。与本系列前两篇文章介绍的特性相似,WebWordkers似乎也是为了WebApps而设计的,可以想象,WebApps乃至原生Apps受移动设备性能的限制比在桌面环境中要大很多,尽......
  • 使用 jQuery Mobile 与 HTML5 开发 Web App (十七) —— HTML5 离线缓存
    本文要介绍的,是HTML5离线网络应用程序的特性,离线网络应用程序在W3C中的实际名称是"OfflineWebapplications",也称离线缓存。当用户打开浏览器时,浏览器会将一个列表中指定的资源都下载并储存在本地。下次当用户再访问这个网络程序时,浏览器会自动引用本地缓存中相应的文件,而......
  • layui表单验证抽离成单独模块手动调用
    模块名:validateForm可以多个表单一起验证,任何任何一个验证不通过就会返回。使用:varboolResult=validateForm.validate("formId1","formId2",....)模块定义如下:1/**2扩展一个表单手动验证模块3**/45layui.define(['layer','form'],function(expo......
  • 分享Python采集88个html5代码,总有一款适合您
    分享Python采集88个html5代码,总有一款适合您Python采集的88个html5代码下载链接:https://pan.baidu.com/s/1wJzpYBlHIGtNgTisJwCQ6Q?pwd=yr96提取码:yr96imgplay-基于canvas的图片序列播放jQuery插件基于HTML5Canvas和Rebound动画的Loading加载动画特效超酷创意分段式SVG文字动画特......
  • java基于springboot+html的学生就业管理系统的设计与实现,附源码+数据库+文档,包安装调
    1、项目介绍本系统是利用现代化的计算机网络技术将传统信息宣传方式整合,按照实践过程设计完成的。同时完善服务,初步设计一个学生就业管理系统平台以利于相关的事务操作。为了使系统在各项管理中发挥更大的作用,实现计算机信息化高效的管理,现将开发目标功能需求介绍如下:(1)管理员模......
  • 03-Html中的表格和表单
    HTML中的表格和表单HTML中的表格创建一个表格<tableborder=""cellspacing=""cellpadding=""width=""height=""> <caption>表格标题</caption> <tr> <th>Header</th> </tr> <tr&g......
  • 03-Html中的表单
    HTML中的表格和表单HTML中的表单表单是什么对于用户而言是数据的录入和提交的界面对于网站而言获取用户信息的途径---表单的作用创建一个表单<formaction=""method=""name=""></form>form!!!单词不要记错了action:定义表单最终提交的地址method: 设定......
  • 02-Html中的常用标签
    HTML常用的标签新建一个Html文件基础代码搭建、解释以及快捷键快捷键默认情况下英文状态下的!+enter快速生成<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"/><!--设置网页的编码格式为utf-8,其他的还有gb2312、gbk、unicode、utf-8......