当前位置: 首页 > news >正文

HTML表单元素input

Input类型文本

<input type="text">定义一行输入文本

<form action="action_page.php">
        姓名:<br>
        <input type="text" name="firstname">
        <br>
        姓氏:<br>
        <input type="text" name="lastname">
        <br><br>
        <input type="submit">
    </form>

Input类型密码

<input type="password">定义一个密码字段:

<form action="action_page.php">
        用户名:<br>
        <input type="text" name="userid">
        <br>
        密码:<br>
        <input type="password" name="psw">
</form>

Input类型提交

<input type="submit">定义将表单数据提交给表单处理程序的按钮。表单处理程序通常是能够处理输入数据的脚本的服务器页面。表单处理程序指定表单的action属性:

<form action="action_page.php">
        名字:<br>
        <input type="text"name="firstname" value="Mickey">
        <br>
        姓氏:<br>
        <input type="text"name="lastname" value="Mouse">
        <br><br>
        <input type="submit" value="Submit">
</form>
        

如果忽略提交按钮的值属性,按钮将得到默认文本:

<form action="action_page.php">
        名字:<br>
        <input type="text"name="firstname" value="Mickey">
        <br>
        姓氏:<br>
        <input type="text"name="lastname" value="Mouse">
        <br><br>
        <input type="submit">
</form>

Input类型重置

<input type="reset">定义重置按钮,将表单值重置为默认值

<form action="action_page.php">
        First name: <br>
        <input type="text" name="firstname" value="Mickey">
        <br>
        Last name: <br>
        <input type="text" name="lastname" value="Mouse">
        <br><br>
        <input type="submit" value="Submit">
        <input type="reset">
</form>

Input类型单选按钮

<input type="radio">定义一个单选按钮。用户只能选则一个选项

<form action="action_page.php">
        <input type="radio"name="gender"value="male"checked><br>
        <input type="radio"name="gender"value="female"checked><br>
        <input type="radio"name="gender"value="other"checked>其他<br>
        <input type="submit">
</form>

Input类型多选

<input type="checkbox">定义了一个复选框。复选框让用户选择两个或者多个有限的选择选项。

<form action="action_page.php">
        <input type="checkbox" name="vehicle1" value="Bike">我有一辆自行车
        <br>
        <input type="checkbox" name="vehicle2" value="Car">我有一辆汽车
        <br><br>
        <input type="submit">
</form>

Input类型按钮

<input type="button">定义一个按钮:

<input type="button" onclick="alert('Hello World')" value="请点击">
http://www.dtcms.com/a/106370.html

相关文章:

  • C++17更新内容汇总
  • CentOS 7 上安装 Hadoop 集群的详细教程
  • 华为2024年营收逼近历史峰值:终端业务复苏、智能汽车爆发式增长
  • Leetcode hot 100(day 3)
  • HDMI接口类型介绍
  • 在openharmony中部署helloworld应用(超详细)
  • 线段树,单点,区间修改查阅
  • 酶动力学预测工具CataPro安装教程
  • Rabbit:流加密的 “极速赛车手”
  • 单例模式与线程安全
  • 每日算法-250402
  • SESSION_UPLOAD_PROGRESS 的利用
  • Spark、Flink 和 TensorFlow 三大分布式数据处理框架对比
  • 微服务架构技术栈选型避坑指南:10大核心要素深度拆解
  • 供应链中的的“四流合一”
  • 以太网报文结构 via ethernetPacket in CAPL
  • 三轴云台之相机技术篇
  • JavaWeb开发基础知识-Servlet终极入门指南(曼波萌新版)
  • KingbaseES物理备份还原之物理备份
  • 单框架鸿蒙开发
  • 解决报错curl: (35) OpenSSL SSL_connect: 连接被对方重设 in connection to download.docker.com:443
  • JavaScript闭包
  • Python设计模式:责任链模式
  • JAVASE(十三)常用类(二)包装类、工具类Arrays类
  • 【案例分享】江苏某汽车制造厂水冷式制冷站AI节能优化方案
  • LVS-----DR模式
  • JAVA中JVM一次 GC的 流程
  • 电脑屏幕亮度随心控,在Windows上自由调整屏幕亮度的方法
  • 分布式数据一致性场景与方案处理分析|得物技术
  • 谷粒商城:Redisson