<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/ html4/strict.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>表单</title></head><body><h1>注册账号</h1><form action="regist" method="post">用户名:<input type="text" name="username" id="username" value="" /><input type="button" name="checkusername" id="checkusername" value="检查用户名是否被注册" /><br />密码:<input type="password" name="password" id="password" value="" /> <br />确认密码:<input type="password" name="" id="re_password" value="" /> <br />性别:<input type="radio" name="sex" id="sex_man" value="man" checked="checked" />男 <input type="radio" name="sex" id="sex_woman"value="woman" />女<br />兴趣爱好:<input type="checkbox" name="interest" id="ins_football" value="football" />足球 <input type="checkbox" name="interest"id="ins_volleyball" value="volleyball" />排球 <input type="checkbox" name="interest" id="ins_ping-pong" value="ping-pong" />乒乓球<br />选择头像:<input type="file" name="file" id="file" value="" /><br /><input type="image" width="80" height="80" src="pic/submit.jpg" alt="我是歌谣"/> <br /><input type="reset" value="重置信息" /> <input type="submit" id="submit" value="注册账号" /><input type="hidden" name="regist" id="" value="default" /></form></body>
</html>

运行结果

前端学习(179):表单元素相关推荐

  1. 前端学习之表单验证(超详细)

    表单验证: 主要用于验证input框的非空或者类型是否正确. iView表单验证: 参数详解(html部分): <Form ref="form" :model="f ...

  2. 前端学习 -- HtmlCss -- 表单

    表单的作用就是用来将用户信息提交给服务器的,比如:百度的搜索框 注册 登录这些操作都需要填写表单. 使用form标签创建一个表单,form标签中必须指定一个action属性,该属性指向的是一个服务器的 ...

  3. 学习前端——表格、表单

    学习前端--表格.表单 表格在日常生活中使用的非常的多,比好excel就是 专门用来创建表格的工具, 表格就是用来表示一些格式化的数据的,比如:课程表.银行对账单 在网页中也可以来创建出不同的表格. ...

  4. HTML5 学习总结(二)——HTML5新增属性与表单元素

    一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html><head>< ...

  5. 12.6学习笔记 HTML5表单元素/嵌入图片/视频(未完)

    12.6学习笔记 一. HTML 表单元素(下) 二. HTML5嵌入图片与创建分区响应图 三. HTML5嵌入视频 一. HTML 表单元素(下) 主要内容: 用input元素获取有规定格式的字符串 ...

  6. 前端基础:通过表单元素实践《健康体检单》

    前端基础:通过表单元素实践<健康体检单> HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互. 一.项目说明 该项目是进行表格布局表 ...

  7. C1认证学习十八、十九(表单元素、转义字符)

    C1认证学习十八.十九(表单元素.语义化标签) 十八 任务背景 HTML的表单用于收集用户的输入,表单元素是指的不同类型的input元素,复选框,单选按钮,提交按钮等等. 任务目标 掌握表单标签以及其 ...

  8. 前端:HTML/06/表单,表单元素(单行文本域,单行密码域,单选按钮,复选框,下拉列表,文本区域,上传文件域,各种按钮,隐藏域,lt;caption表格标题)

    表单<form>(块元素) 表单的概念:表单主要用来获取用户数据(信息),如:注册表单, 查询表单,登录表单. 表单的工作原理: 浏览有表单的网页,填写一些必要的信息,然后点击某个按钮进行 ...

  9. javascript学习笔记之document对象、表单及表单元素、脚本化cookie

    一.document对象 每个window对象都有document属性.该属性引用表示在窗口中显示的HTML文档的document对象. 1.关键方法 close()关闭open方法打开的文档 ope ...

  10. jQuery 学习-样式篇(六):jQuery 获取和设置表单元素的值

    推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...

最新文章

  1. isnull的使用方法
  2. 一起谈.NET技术,ASP.NET MVC3 Service Location
  3. 外贸EDM邮件营销效率低的原因分析
  4. 音乐计算机怎么用,如何利用电脑录制自己的歌曲(音乐)
  5. mutilprocess模块的用法
  6. 北亚数据恢复关于服务器存储MDisk重建的数据恢复方法的研究
  7. Zend Studio 4.0.2试用手迹
  8. hdu 4336 Card Collector 容斥原理 多校联合赛(四) 第六题
  9. 阶段5 3.微服务项目【学成在线】_day01 搭建环境 CMS服务端开发_16-CMS服务端工程搭建-导入CMS数据库...
  10. 安装markdownPad+awesomium
  11. 【独立游戏】如何完成一款游戏? | 独立游戏制作
  12. 全志A31S(android 4.2/4.4)截屏
  13. ICML 2022 | 稀疏双下降:网络剪枝也能加剧模型过拟合?
  14. 高并发衡量指标及解决方案
  15. gitee创建仓库,并将代码上传到gitee上
  16. 记学习量化投资 企业估值
  17. 解锁一大波涨姿势的小众网站,总有未曾涉足的新大陆
  18. Android推特图片保存路径,从twitter获取个人资料图片图像使用解析推特登录为Android...
  19. 2021 苹果申请邓氏编码
  20. Dockerfile及相关知识拓展

热门文章

  1. [建议]我对软工有话说(上)
  2. ECNUOJ 2143 端午节快乐
  3. ThinkPHP整合百度Ueditor图文教程
  4. php 禁用通知,推送消息能不能区分禁止通知和卸载两种类型?
  5. php 逗号编码,php有几种编码
  6. MacOS中Dock栏的设置和使用技巧,新手必看
  7. 判断一个无符号整数是不是2的幂
  8. 接口报Provisional headers are shown原因和解决方法
  9. letsencrypt 免费https安装过程linux centos
  10. [Redux/Mobx] redux和flux的区别是什么?