html里关于表单的一些操作代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>登录注册</title>
</head>
<body><h1>注册</h1><!--表单form
action:表单提交的位置，可以是网站，也可以说是一个请求处理地址
method:post  get提交方式
-->
<form action="1，我的第一个网页.html" method="post"><!--    文本输入框：input type ="text‘value  默认初始值maxlength = "8"  最长能写几个字符size ="30" 文本框的长度--><p>名字：<input type="text" name="username" value="拟录取" maxlength="8" size="30"></p><!--    密码：input type ="password"--><p>密码：<input type="password" name="pwd"></p><p>性别：
<!--        单选框--><input type="radio" value="boy" />男  <!--   //如果name是一样则二选一--><input type="radio" value="girl" />女</p>
<!--    多选框
input type ="checkbox"--><p>爱好：<input type="checkbox" value="sleep" name="hobby">睡觉<input type="checkbox" value="code" name="hobby">敲代码<input type="checkbox" value="chat" name="hobby">聊天<input type="checkbox" value="game" name="hobby">游戏</p><!--    按钮--><p>按钮：<input type="button" name="btn1" value="点击变长">
<!--        <input type="image" src="../resources/image/1.jpg">--></p><!--    下划框--><p>国家：<select name="列表名称" ><option value="china">中国</option><option value="us">美国</option><option value="yindu" selected>印度</option><option value="eth">瑞士</option></select></p><!--    文本域--><p>反馈：<textarea name="textarea"  cols="30" rows="10">文本内容</textarea></p><!--    文件域
input type ="file" name ="files"
-->
<p><input type="file" name="files"><input type="button" value="上传" name="upload">
<!--    value就是，默认值-->
</p><!--    邮箱验证--><p>邮箱:<input type="email" name="email"></p><!--URL--><p>URL:<input type="url" name="url"></p><!--    数字--><p>商品数量<input type="number" name="num" max="100" min="10" step="1"></p><!--    滑块
input type ="range"
--><p>音量：<input type="range" name="voice" min="0" max="100" step="2"></p><!--    搜索框--><p>搜索：<input type="search" name="search"></p><p><input type="submit"><input type="reset"></p></form></body>
</html>

html里关于表单的一些操作代码相关推荐

table中加表单元素怎么验证_element-ui 解决 table 里包含表单验证的问题！
实际项目中的场景,需要在table里做表单的验证,如图效果: 其实问题关键就在于如何给el-form-item动态绑定prop :prop="'tableData.' + scope.$in ...
css——模态框【遮罩层的制作；信息层；往白色的块里添加表单】
目录 1.遮罩层的制作 2.信息层 3.往白色的块里添加表单 1.遮罩层的制作 <!DOCTYPE html> <html lang="zh-CN"> ...
table中加表单元素怎么验证_使用element-ui +Vue 解决 table 里包含表单验证的问题...
应用场景: 在实际使用中经常会遇到需要在Form表单中使用table表格进行表单提交,同时又需要对table的字段进行校验,效果如图所示: 这个校验中,最关键的问题在于如何给el-form-item ...
element-ui 解决 table 里包含表单验证的问题！
element-ui 解决 table 里包含表单验证的问题! 参考文章: (1)element-ui 解决 table 里包含表单验证的问题! (2)https://www.cnblogs.com/ ...
Java+MyEclipse+Tomcat (四)Servlet提交表单和数据库操作
前面三篇文章讲述了如何配置MyEclipse和Tomcat开发JSP网站.如何配置Servlet简单实现表单提交.如何配置MySQL实现JSP数据库查询. 这篇文章主要讲述Servle ...
前端学习（1907）vue之电商管理系统电商系统之渲染修改用户的表单的重置操作
目录结构 router.js import Vue from 'vue' import Router from 'vue-router' import Login from './components ...
网页没有横向滚动条_【第四课】网页里的表单
前言从零开始学前端系列课程,与传统的视频大课堂教学不同,没有填鸭:也普通做练习题的方式不同,没有假想的模拟题. 本课程拆出80个左右必须掌握的技能点,并对其分组,从易到难地列出学习曲线.同时从真实项 ...
jQuery表单控件操作
自己下载jQuery类库(http://docs.jquery.com/Downloading_jQuery),当前使用版本1.5. 源码: <!DOCTYPE html PUBLIC &quo ...
html表单输入的文本框的值,网页设计关于表单输入框的技巧代码
虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧. 1.使用, 2018-04-14 网页表格表框制作技巧. ---------------- ...
html表单页面css样式代码,前端html表单与css样式(示例代码)
1,from标签 from标签的功能是向服务器传输数据,实现用户交互的重要标签. from标签的具体使用: input标签使用示例: 姓名: 用户名: 密码: 爱好:骑车游戏电影男女第一句:act ...

html里关于表单的一些操作代码

html里关于表单的一些操作代码相关推荐

最新文章

热门文章