输入框

最新推荐文章于 2023-07-11 20:59:59 发布
最新推荐文章于 2023-07-11 20:59:59 发布
阅读量147 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41704254/article/details/80616929
版权
<!DOCTYPE html> 
<html lang="zh-CN"> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ --> 
<title>Bootstrap 标准模板</title> 


<!-- Bootstrap --> 
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 


<!-- 可选的 Bootstrap 主题文件（一般不用引入） --> 
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"> 


<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 --> 
<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 --> 
<!--[if lt IE 9]> 
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> 
<![endif]--> 

<style>
.row{
width: 100%;
height: 100%;
border: 1px gray solid;
}
body{
width: 400px;
height: 400px;
border: 1px gray solid;
margin: auto;
}


</style>
</head> 


<body> 
<h1>你好，输入框！</h1> 

<div class="input-group input-group">
<span class="input-group-addon">@</span>
<input type="text" name="username" id="username" class="form-control" placeholder="姓名"/>
</div><br/>
<div class="input-group input-group">
<span class="input-group-addon">@</span>
<input type="password" name="username" id="username" class="form-control" placeholder="密码"/>
</div><br/>
<div class="input-group input-group">
<span class="input-group-addon">@</span>
<input type="text" name="username" id="username" class="form-control" placeholder="电话"/>
</div><br/>
<div class="input-group">
<input type="text" name="username" id="username" class="form-control" placeholder="请输入您搜想搜是内容"/>
<span class="input-group-addon">百度一下</span>
</div>

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) --> 
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> 


<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 --> 
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
</body> 


</html>
sunshine_ofme
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML中input输入框（详解输入框的用法）
百赢出品，必属精品
04-30 1万+
input>元素是HTML表单中最常见的元素之一，用于收集用户的输入数据。它可以包含多种类型的输入，如文本、密码、数字等。通过指定不同的type属性，可以定义不同类型的输入字段。类型（type）属性定义输入字段的类型，如文本框、密码框、单选按钮、复选框等。常见类型包括textpasswordradiocheckboxfile等。名称（name）属性用于标识输入字段的名称，以便在表单提交时能够将数据传输到服务器。对于单选按钮和复选框，相同名称的一组按钮被视为一个组，只能选择其中的一个或多个。
python输入框_如何使用Python创建输入框？
weixin_39533659的博客
11-29 5015
Tk库实际上有一个函数来实现这一点，尽管它名义上是“私有的”。你可以如下使用它。import tkinter as tkroot = tk.Tk()root.wm_geometry("800x600")dialog = tk.Toplevel(root)root_name = root.winfo_pathname(root.winfo_id())dialog_name = dialog.winf...
输入框联动
东逝水
11-16 2005
vue实现输入框联动
Flutter 输入框组件
xiangxiongfly
06-20 4509
简单使用 焦点控制 焦点控制可以通过和来控制。一般情况下，简单由管理，它代表焦点控制范围，可以在这个范围内可以通过在输入框之间移动焦点、设置默认焦点等。 自定义样式1 自定义样式2......
输入框对齐
qq_62244121的博客
10-28 2894
输入框对齐方式，适用登录注册，信息完善等界面，包含html和bootstrap两种方式
uniapp密码输入框
Smile_ping的博客
05-26 4658
uniapp自定义密码输入框 可用于短信验证码输入框、密码数字框… 文章目录uniapp自定义密码输入框效果图定义组件templatejsscss使用templatejs 效果图 定义组件 提示： 这里把输入框定义为组件，其他可根据需求调整 template <template> <view> <view class="password-input-warp fcc"> <view class="password-input_item fcc"
输入框样式美化
夏已微凉、
04-06 4208
输入框样式美化 1、效果： 2、代码： <html> <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></scr...
输入框设计解析
feng的博客
10-16 3803
文本输入框是最基本的界面控件之一。它需要显著、良好的可访问性，高效、舒适的互动性。我们需要明白输入框是什么、有哪些、在什么场景中使用，这样可以更好的为我们设计服务。全文一共11200字，分为上下两篇，上篇是拆分结构，下篇是各输入状态。干货满满，有些晦涩与枯燥，请大家做好准备。01.信息输入前1.1 舒适的大小输入框大小是否合适，以便完整显示那些最有可能出现的输入内容？表单输入框的大小往往会影响用户输入的心情。设计考虑到网页无障碍阅读，即输入框文字的前景色跟后景色要有足够的对比度，提高可识别性。1.1.1 输
Input输入框
qq_37881565的博客
08-26 9869
Input输入框 通过鼠标和键盘输入字符。 Input为受控组件，它总会显示Vue绑定值。 通常情况下，应当处理input事件，并更新组件的绑定值（或使用v-model）。否则，输入框内显示的值将不会改变。 不支持v-model修饰符。 基础用法 <el-input v-model="input" placeholder="请输入内容"></el-input> <script> export default{ data(){ retu
Python tkinter（4）输入框控件
jzwalliser的博客
07-11 8512
上面就是输入框的主要内容啦。属性意义fg或foreground字体颜色bg或background背景颜色被选中时候的字体颜色被选中时候的背景颜色font字体，可以传入一个元组，也可以传入一个字符串width长度cursor光标放置在输入框上时的样式state输入框状态，如禁用（Disabled），正常（Normal）relief边框样式bd或borderwidth边框粗细show如何展示输入的内容光标显示的时间光标被隐藏的时间光标粗细。
很可爱的输入框
01-19
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ... <head> <... charset=gb2312″ /> <...很可爱的输入框_软件开发网_www.jb51.net</title> <style> .usern
密码输入框
06-24
密码输入框
bootstrap输入框组使用方法
08-31
在本文中，我们将深入探讨Bootstrap框架中的输入框组（Input Groups）的使用方法。Bootstrap是一个流行的前端开发框架，它提供了一套美观、响应式的UI组件，使得构建网站变得更加容易。输入框组是其中的一个关键组件...
Bootstrap4 输入框组
12-14
在Bootstrap4中，输入框组（Input Groups）是构建表单元素时非常实用的一个功能，它允许开发者在输入框周围添加额外的元素，如图标、文本或按钮，以提升用户体验和界面设计。 输入框组主要通过使用 `.input-group` ...
输入框选择
11-07
输入框下拉组件，方便使用。
mediapipe-0.8.8.1-cp39-cp39-manylinux_2_17_x86_64.whl
08-11
mediapipe-0.8.8.1-cp39-cp39-manylinux_2_17_x86_64.whl
python爱心代码高级
08-11
1. 一行代码画爱心 print('\n'.join([''.join([('Love'[(x-y)%4]if((x*0.05)**2+(y*0.1)**2-1)**3-(x*0.05)**2*(y*0.1)**3<=0 else' ')for x in range(-30,30)])for y in range(15,-15,-1)])) 效果图 2. 用turtle库画爱心加文字 import turtle import math turtle.pen() t=turtle t.up() t.goto(0,150) t.down() t.color('red') t.begin_fill() t.fillcolor('red') t.speed(1) t.left(45) t.forward(150) t.right(45) t.forward(100) t.right(45) t.forward(100) t.right(45) t.forward(100) t.right(45) t.forward(250+math.sqrt(2)*100) t.right (90) t
mediapipe-0.8.9.1-cp38-cp38-win_amd64.whl
08-11
mediapipe-0.8.9.1-cp38-cp38-win_amd64.whl
开发资料技术资料USB设备驱动开发深度解析-宋宝华非常好的技术资料.zip
最新发布
08-11
开发资料技术资料USB设备驱动开发深度解析-宋宝华非常好的技术资料.zip
tkinter清空输入框
06-29
如果你想在Tkinter的输入框（Entry）中清空内容，你可以直接调用`delete(0, END)`方法。这个方法会清除从索引0（开始）到索引END（即输入框的结尾）的所有字符。 这是一个简单的例子： ```python from tkinter ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值