媒体标记-表单

简介: input 引入插件说明

input 引入插件说明

<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    
    <form action="hello" method="post" target="_blank" enctype="multipart/form-data" >
    <!-- action这个属性是选择要提交的网页,Javaweb中的实例对象,就它@WebServlet("/hello") -->
    <!-- method 属性选择提交方式是get还是post,post打数据提交用post,post隐藏式提交 -->
    <!-- target属性选择页面每次打开的方式 _blank每次都打开新的窗口-->
    <!-- enctype数据提交类型multipart/form-data提交文件到服务器 -->
    <input type="file"> 
    <!--上传文件选择键,enctype使用时必须引入这个属性 -->
    <label>时间<label><input type="date" value="2019-05-22">
    <!-- label表单文本 date时间类型年月日 value默认时间 -->
    <input type="range"value="1" max="10" min="1">
    <!-- range左右滑动 可以设置最大值最小值 -->
     <label>checkbox::</label><input type="checkbox" value="java" />java
     <!-- checkbox多选框 value是要带给Web服务器的值 后面的值是作为显示的-->
    <label>radio::</label><input type="radio" value="java" name="c" />java
    <!-- radio 单选框 value是要交给Web服务器的值,后面的值是作为显示的 ,名字必须一致要不然就成了多选-->
    </form>
    </body>
</html>

input按钮说明

<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <input type="submit" />
        <!-- submit这个属性很重要向服务器提交表单唯一按钮 -->
       <input type="reset" />
        <!-- reset 重置表单数据按钮,数据进行清空按钮 -->
        <input type="button" />
        <!-- button 普通按钮 感觉没啥用 -->
    </body>
</html>

文本说明`

<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
<!-- name属性是给服务器来取值使用的 -->
<input type="text" name="name"><br>
<!-- 普通的文本格式 -->
<input type="password" name="password" ><br>
<!-- 密码格式 -->
<input    type="number" name="number" value="1" max="100" min="1"><br>
<!-- 数字格式 -->
<input type="submit" />
</body>

目录
相关文章
|
3月前
|
JavaScript 前端开发
HTML 表单和输入与按钮的联动方法汇总
在HTML中,通过JavaScript可以轻松实现表单与输入、按钮的互动。本文介绍了基本表单结构,并展示了如何用JS处理按钮点击、表单提交、动态禁用按钮、表单验证以及使用AJAX和jQuery简化代码等技巧,帮助你更好地控制和优化表单功能。
多媒体标签让你的网页,内容很丰富!
多媒体标签让你的网页,内容很丰富!
|
6月前
|
JavaScript 开发工具 git
大事件项目28文章分类—添加分类--表单准备和对话框关闭重置表单
大事件项目28文章分类—添加分类--表单准备和对话框关闭重置表单
|
7月前
在表单提交后设置文字信息,及时播报表单的提交情况
表单作为草料二维码的高级功能之一,可用于收集格式统一的数据。你可以通过组合姓名、图片、检查项等组件搭建出电子表单,关联到二维码中,扫码填写表单即可更快速、规范的收集数据。在表单设置-提交成功页设置中可以设置表单提交成功后的页面详情和后续操作,支持设置填表人提交后显示文字信息、获取二维码凭证、配置后续操作按钮、跳转到活码。下面是表单提交后显示文字信息的使用技巧。
|
7月前
|
JSON 定位技术 数据格式
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)(下)
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)
72 0
|
7月前
|
JavaScript 前端开发 定位技术
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)(上)
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)
65 0
|
SQL API
智能媒体管理怎么获取标签信息
智能媒体管理怎么获取标签信息?
62 1
|
搜索推荐 JavaScript 定位技术
百度地图绘制地区的棱柱效果-定位-自定义点-文本标记-信息弹窗
百度地图绘制地区的棱柱效果-定位-自定义点-文本标记-信息弹窗
241 0