input案例

最新推荐文章于 2022-07-30 21:45:08 发布
最新推荐文章于 2022-07-30 21:45:08 发布
阅读量533 收藏 1
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41398448/article/details/82825125
版权 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>input案例</title>
	<style>
		.line{
			margin-top:20px;
			width: 170px;
			display:block;
		}
		.line .shuru{
			width:100px;
			height: 20px;
			border: 1px solid #0075d2;
			border-radius: 3px;
			padding-left: 3px;
		}
		.line .chongzhi{
			width: 50px;
			height: 23px;
			border: 1px solid #0075d2;
			border-radius: 3px;
			color: #0075d2;
			background-color: #fff;
			float:left;
		}
		.line .tijiao{
			margin-right:20px;
			width: 50px;
			height: 23px;
			border-radius: 3px;
			color: #fff;
			background-color: #0075d2;
			float: right;
			border: 0;
		}
		.line .danxuan{
			opacity:0;
			margin:0;
		}
		.line .yangshi{
			border-radius: 50%;
			width:15px;
			height: 15px;
			border:1px solid #b7b7b7;
			display: inline-block;
			cursor:pointer;
		}
		.line .on{
			border:0;
			background-color: #0075d2;
		}
	</style>
</head>

<body>
  <form action="">
    <div class="line">
	  <span>账号:</span>
		<input type="text" class="shuru">
	  </div>
	  
	   <div class="line">
	  <span>密码:</span>
		<input type="password" class="shuru">
	  </div>
	  
      <div class="line">
	  <span>性别:</span>
	  <span>男</span>
	  <span class="yangshi on">
	  <input type="radio" name="xingbie" class="danxuan">
	  </span>
	  <span>女</span>
	  <span class="yangshi">
	  <input type="radio" name="xingbie" class="danxuan">
	  </span>
	  </div>
	  
	 <div class="line border-radius: none">
	  <span>爱好:</span>
	  <span>羽毛球</span>
	  <span class="yangshi on">
	  <input type="checkbox" class="danxuan">
	  </span>
	  <span>篮球</span>
	  <span class="yangshi">
	  <input type="checkbox" class="danxuan">
	  </span>
	  </div>
	  
	  <div class="line">
	  <input type="reset" class="chongzhi">
	  <input type="submit" class="tijiao">
	  </div>
	</form>
</body>
</html>

浪里小黑狼
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML通俗易懂—表单标签+表单元素（input输入表单元素+select下拉列表+textarea文本域元素）+相应案例
weixin_45586870的博客
09-29 1264
现实中的表单： 1、表单的组成 在 HTML 中，一个完整的表单通常由表单域、表单控件（也称为表单元素）和 提示信息3个部分构成。 （1）表单域 表单域是一个包含表单元素的区域。 在 HTML 标签中， <form> 标签用于定义表单域，以实现用户信息的收集和传递。 <form> 会把它范围内的表单元素信息提交给服务器。 <form action=“url地址” method=“提交方式” name=“表单域名称"> 各种表单元素控件 </form> 基础
【Css】input输入文本框的样式大全和搜索框实例（图文和完整源码）
【敦厚的曹操】的专栏
04-01 1万+
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&gt...
【小程序】input输入框属性及上下左右居中的示例（图文+代码）
【敦厚的曹操】的专栏
07-15 6853
input输入框属性说明及示例（图文+代码）
表单标签＜input＞的介绍
weixin_54021642的博客
04-24 3万+
表单标签<input>的介绍
HTML中input标签使用法汇总
m0_67846661的博客
05-19 1万+
HTML input标签的属性： 1.type：该属性是input标签里唯一的必须输入的属性，当然，也可以不填，默认为type = “text”。具体它有那些值，我们后面再讨论。 2.required：标记一个字段是否为必须。如果一个字段被标记为required = “required”（严格模式下），或者required（宽松模式下）(ps：下面属性的写法同理，就不一一写出了)，并且这个字段的值为空，或者填入的值是无效值，那么这个表单不能提交。什么是无效值？看pattern属性。 3.pattern
input输入下拉框
07-11
在本案例中，我们讨论的是基于jQuery实现的"input输入下拉框"。 jQuery是一个强大的JavaScript库，它简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。在jQuery中实现input输入下拉框，通常会使用到一些插件...
android登录案例
01-06
在Android平台上，构建一个登录案例是一项基础且至关重要的任务，它是任何应用的入口点，用于验证用户的身份并提供个性化体验。下面将详细讲解如何在Android中实现登录功能，包括界面设计、数据验证、网络请求以及...
各种炫酷input样式
06-01
标题中的“各种炫酷input样式”指的是在网页设计中，使用JavaScript、jQuery等技术来创建独特、吸引人的输入框（input）元素外观和交互效果。这些样式可以包括但不限于：自定义边框、背景、占位符颜色、鼠标悬停效果...
input文本框样式代码实例
10-30
input文本框样式代码实例
Android开发登陆案例
09-02
本文将深入讲解如何在Android中实现一个登录案例，包括UI设计、数据输入处理和逻辑控制。 首先，我们关注的是UI布局的设计。从给定的XML代码可以看到，这是一个基于LinearLayout的布局，具有垂直方向的填充。在布局...
html表单form元素+各种input元素+常用元素综合案例.
05-26
html表单form元素+各种input元素+常用元素综合案例.
Python input()使用实例
sam的博客
04-24 1108
1. input() 输入多个数字 while True: user_choice=input("请输入(help:帮助)：") if user_choice=="SAT": t_hour,t_min,t_sec=eval(input("请输入(以，分隔):")) print("输入的结果是：",t_hour,t_min,t_sec) elif user_choice=="q" or user_choice=="Q": #如
input()函数
HHYZBC的博客
03-07 3万+
input()函数是最常用的输入函数。 该函数用来获取用户的输入，用户输入完内容以后，点击回车程序才会向下继续执行，输入完成以后，其所输入的内容会以返回值的形式返回。 input()函数中可以设置一个字符串作为参数，这个字符串会作为提示文字显示。 输入的内容是字符串类型，即使输入的是数字! a=input('你好吗:') print(a) b=input('你现在几岁了：') print(b,'岁了') 例子： name =input('你的名字叫什么：')#表示姓名 age=int..
input()函数的简单介绍
热门推荐
ISPEAKER的博客
08-22 6万+
1.input()函数 在Python3中，input()函数接受一个标准输入数据，返回为string类型。 注意：在Python3中，raw_input()和input()进行了整合，去除了raw_input(),仅保留了input()函数，其接收任意任性输入。将所有输入默认为字符串处理，并返回字符串类型。 2.input()函数的使用 input()函数是输入函数，是实现人机交互...
Linux驱动之input子系统浅析(转载)
woniuguilai的专栏
02-27 568
<br />一,前言： <br />1, 近日要写一个很特殊的键盘驱动，故对linux的input子系统分析了一番，写下分析笔记，以防不日即忘。<br /> <br />2, 使用input子系统的一般流程为：input_allocate_device()申请一个input_dev设备——>初始化该input_dev——>input_register_device（）向子系统注册该设备——>中断时input_event（）向子系统报告事件。此流程一目了然，即使不看input子系统，我们按照它给出的一般流程也
input表单案例
weixin_34234829的博客
11-26 288
<!--label，用户点击文字直接跳进文本框输入--><label>用户名：<input type="text"/></label><label>密码：<input type="password"/></label><!--表单填写模式--><table width="600" border="...
input和output实例
高精尖发展
10-13 1万+
input需要做一个查看考试卷子详情的界面，其中有卷子主题还有考生信息，考生信息主要是学号和学生姓名，不过这些信息所在区域还有一个满分和学生得分,如下图：父组件：html通过ts从后台获取值，从html传给子组件：student-information []=""&lt;div class="student-paper-detail"&gt; &lt;student-information [e...
函数input()讲解
PCEThonny的博客
07-30 2898
本文介绍了input()函数。
circuit.xml 案例 包含 input output
最新发布
06-10
<component type="input" name="A"> <parameter name="bit_width">1 <component type="input" name="B"> <parameter name="bit_width">1 <parameter name="bit_width">1 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值