HTML，login文本框·

列子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel= stylesheet href="font-awesome/css/font-awesome.css">
    <style>
        .user{
            position: relative;
            width: 250px;
        }
        .user input{
            height: 30px;
            width: 170px;
            padding-right: 30px;
            margin-left: 0px;
        }
        .user .ren{
            position: absolute;
            top: 26px;
            left: 176px;
        }
    </style>
</head>
<body>
    <div class="user">
        <a>login:<input type="text"></a>
        <span class="ren"><a class="icon-linux"></a></span>
    </div>
</body>
</html>

###########
font-awesome:是一个第三方小图插件，导入进去之后找到自己想要的图片，class添加就OK了。

时间： 2024-08-28 18:16:34

HTML，login文本框·的相关文章

Qt基础(一)----按钮，文本框，窗口，布局，选项框等等

对于每条语句的解释都放在了函数注释中! 一 Qt程序初探,窗口和按钮的创建及关联 //应用程序抽象类 #include<QApplication> //窗口类 #include<QWidget> //按钮类 #include<QPushButton> int main(int argc, char *argv[]) { //初始化应用程序 QApplication app(argc, argv); //构造一个窗口w QWidget w; //设置窗口名称 w.setW

DEV中dx:ASPxPopupControl 控件的使用（在窗口关闭或隐藏时，清楚文本框中的内容）

//在窗口关闭或隐藏时,清楚文本框中的内容(核心代码) function(s, e) { ASPxClientEdit.ClearGroup('entryGroup'); } <asp:Content ID="Content1" ContentPlaceHolderID="ContentHolder" runat="Server"> <script type="text/javascript"> //

silverlighter下MVVM模式中利用Behavior和TargetedTriggerAction实现文本框的一些特效

在silverlight一般开发模式中,给文本框添加一些事件是轻而易举的,然而MVVM开发模式中,想要给文本框添加一些事件并非那么容易,因为MVVM模式中,只有ICommand接口,而且也只有Button中才有Command属性,通过ViewModel可以将方法绑定到Button上面,却无法绑定到文本框和其他一些控件.. Behavior的出现解决了这一难题,下面就来说一下具体的实现方法: 实例一:在用户登录窗口,用户点击Reset按钮后,让用户名输入框自动获取焦点. 首先要先将ViewMode

第三百九十四节，Django+Xadmin打造上线标准的在线教育平台—Xadmin集成富文本框

第三百九十四节,Django+Xadmin打造上线标准的在线教育平台-Xadmin集成富文本框首先安装Django Ueditor1.8.143模块下载地址 https://pypi.python.org/pypi/DjangoUeditor/1.8.143 下载后 python setup.py install 安装安装好后在settings.py将DjangoUeditor添加到app INSTALLED_APPS = [ 'django.contrib.admin', 'djan

winform文本框不能粘贴、复制和屏蔽右键

有3个常用方法 1.MouseMove事件中,使选不中 private void textBox3_MouseMove(object sender, MouseEventArgs e) { if (this.textBox3.SelectionLength > 0) { this.textBox3.SelectionStart = this.textBox1.TextLength; this.textBox3.SelectionLength = 0; } } 2. 新建一个类,取名为TextBo

操作富文本框

富文本框常见的技术用到了Frame标签,并且在Frame里面实现了一个完整的HTML网页结构. 方法一: #!usr/bin/env python #-*- coding:utf-8 -*- """ @author: sleeping_cat @Contact : [email protected] """ #操作富文本框 from selenium import webdriver import unittest,traceback,time

webdriver高级应用- 操作富文本框

富文本框的技术实现和普通的文本框的定位存在较大的区别,富文本框的常见技术用到了Frame标签,并且在Frame里面实现了一个完整的HTML网页结构,所以使用普通的定位模式将无法直接定位到富文本框对象. 方法一:调用WebDriver的send_key()方法实现 #encoding=utf-8 from selenium import webdriver import unittest, time, traceback from selenium.webdriver.support.ui imp

名称案例-使用keyup事件实现1 和名称案例-使用watch监听文本框数据的变化2

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.js"></script></head><body><div id="app"> <in

设置input文本框只读效果

设置input文本框只读效果:在实际应用中可能需要将input文本框设置为只读状态,代码实际非常简单,只要添加一个属性即可.代码如下: <input type="text" value="蚂蚁部落" readonly/> 使用readonly属性即可将文本框设置为只读状态,具体可以参阅<input>标签的readonly属性一章节. 原文地址:http://www.51texiao.cn/HTML5jiaocheng/2015/0521/21