首页 > 其他分享 >Day03

Day03

时间:2022-10-03 17:24:14浏览次数:60  
标签:get Day03 value -- 按钮 imput type

初识表单post和get提交

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>表单学习</title>
</head>
<body>
<h1>注册</h1>
<!--登录注册-->
<!--action:表单提交的位置,可以是网站,也可以是一个请求处理地址-->
<!--method:post,get提交方式
  get:可以在url中看到提交的信息,不安全,高效
   post:比较安全,传输大文件-->
<form action="1.初识.html" method="post">
<p>名字:<input type="text" name="username"></p>
<p>密码:<input type="password" name="pwd" ></p>
<p>
   <input type="submit">
   <input type="reset">
</p>
</form>
</body>
</html>

文本框和单选框,列表和多选框

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>表单学习</title>
</head>
<body>
<h1>注册</h1>
<!--登录注册-->
<!--action:表单提交的位置,可以是网站,也可以是一个请求处理地址-->
<!--method:post,get提交方式
  get:可以在url中看到提交的信息,不安全,高效
   post:比较安全,传输大文件
   value:默认初始值
   maxlength:最大长度
   size:文本框长度-->
<form action="1.初识.html" method="post">
   <p>名字:<input type="text" name="username" value="xcl" maxlength="8"size="30"></p>
   <p>密码:<input type="password" name="pwd" value="11111111" maxlength="9" size="30"></p>
<!--   单选框标签
<input type="radio"
value:单选框的值
name:表示组
checked表示默认选择-->
   <p>性别:<input type="radio" value="boy"name="sex" checked/>男
       <input type="radio" value="girl" name="sex">女
   </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>
       <input type="submit">
       <input type="reset">重置
   </p>
   <br>
   <br>
   <br>
   <br>
   <br>
   <br>
   <p>按钮:
       <input type="button" name="btn1" value="点击边长">
       <input type="image" src="../resource/image/Default.jpg" width="100" height="100">
   </p>
</form>
</body>
</html>
<!--按钮:
imput type="button" 普通按钮
imput type="submit" 提交按钮
imput type="image"   图像按钮
imput type="reset"   重置   value可以给重置按钮赋名


-->

列表文本域和文件域

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>列表框文本域和文件域</title>
</head>
<body>
<form action="1.初识.html">
<!--下拉框,列表框
selected表示默认-->
<p>下拉框:
   <select name="列表名称" method="post">
       <option value="选项的值"selected>-------</option>
       <option value="china">中国</option>
       <option value="usa">美国</option>
       <option value="jp">日本</option>
       <option value="i">印度</option>
   </select>
</p>
<!--文本域
cols:行
rows:列-->
<p>反馈:
   <textarea name="textarea" id="" cols="50" rows="10">文本内容</textarea>
</p>
<p>
   <input type="file" name="files">
   <input type="button" value="上传" name="upload">
</p>
<p>
   <input type="submit" name="打开上传">
   <input type="reset">
</p>
</form>
</body>
</html>
 

标签:get,Day03,value,--,按钮,imput,type
From: https://www.cnblogs.com/xclxcl/p/16750788.html

相关文章

  • day03-MySQL基础知识02
    MySQL基础知识024.CRUD数据库CRUD语句:增(create)、删(delete)、改(update)、查(Retrieve)Insert语句(添加数据)Update语句(更新数据)Delete语句(删除数据)Select语句......
  • day03 --> (多表查询、事务、DCL)
    一、多表查询 1.查询语法: select列名列表from表名列表where准备SQL:#创建部门表createtabledept(idintprimarykeyauto_increment,......
  • day03
    leetcode203.移除链表元素删除链表中的一个节点分为两种情况,节点是头结点和不是头结点两种方法方法1:头结点和其他节点分开处理classSolution{//不使用虚拟头结......
  • python学习之路Day03(pyhcarm基础配置/python基础语法/简单数据类型)
    今日内容概要pycharm基础设置PEP-8规范/python基础语法变量与常量定义基本数据类型(整形int,字符串str,浮点型float,字典dict,列表list)首先我们要学习Pycharm......
  • day03
    今日内容详细pycharm的使用在进入pycharm后需要打开python翻译器在pycharm中打开python翻译器有两种方法方法一打开pycharm后选择file然后选择setting—......
  • day03-2无异常退出
    多用户即时通讯系统034.编码实现024.3功能实现-无异常退出系统4.3.1思路分析上述代码运行时,在客户端选择退出系统的时候,可以发现程序并没有停止运行,原因是:退出时,程序......
  • day03-代码实现02
    多用户即时通讯系统034.编码实现024.2功能实现-拉取在线用户4.2.1思路分析客户端想要知道在线用户列表,就要向服务器发送请求(Message),因为只有服务器端保持着所有与客......
  • Day03
                         ......
  • JavaLearnDay03
    转义字符引用数据类型·特点:存储一个引用(内存地址)通过引用指向内存地址中的数据值·字符串类型:关键字:String作用:存储多个字符补充内容:在Java中所有整数默认为int......
  • JavaStudy Day03-循环 条件判断
    一、while循环死循环/***死循环*/while(true){System.out.println("helloworld");}循环的三要素publicc......