`
coosummer
  • 浏览: 15047 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

在input 输入框中嵌入链接的效果

阅读更多
html:
<div class="inputDiv">
  <input type="text"  class="input" id="name">
  <a href="javascript:void(0)" class="add" onclick="add()">
    +
  </a>
</input>
</div>

css:
.input{
  border:0px;
  width:90%;
  outline:none;
}
.inputDiv{
  border:1px solid #ccc;
  width:200px;
}
.add{
  text-decoration:none;
  width:10%;
}
js:
function add(){
  alert("add");
}

效果可参见:http://www.jscssshare.com/#/sample/OGPcMQvT
分享到:
评论

相关推荐

    Element Input输入框的使用方法

    在 Element UI 中,`Input` 输入框是基础且重要的组件之一,用于用户输入文本数据。本篇文章将深入探讨 `Element Input` 输入框的使用方法。 ### 基础用法 `&lt;el-input&gt;` 组件是最基本的输入框,可以通过 `v-model`...

    input文本框里面显示小图片

    在网页设计中,有时我们需要在`input`文本框内显示小图片,这通常是用来增强用户界面的视觉效果或提供一种特殊的功能提示。标题和描述提到的"input文本框里面显示小图片"是一种常见的UI设计技巧,它涉及到HTML、CSS...

    asp实现百度输入框效果

    在ASP(Active Server Pages)开发中,实现百度输入框效果主要涉及到前端HTML、CSS样式以及JavaScript的交互,同时还需要后端ASP脚本与数据库的配合。以下是对这个项目的详细解析: 1. **ASP基础**: ASP是微软...

    百度地图范围搜索的基本代码

    在IT行业中,尤其是在Web开发领域,地图API的运用十分广泛,比如百度地图API。本话题主要探讨的是如何利用百度地图API进行范围搜索的基本代码实现。范围搜索通常用于找到指定区域内符合特定条件的点或者兴趣点(POI...

    vc获取网页中输入的密码框中的内容和文本输入框的内容.zip

    在VC++中,可以通过WebBrowser控件的`Document`属性获取到当前加载页面的`IHTMLDocument2`接口,从而访问DOM树,进而获取到网页中的文本输入框(`&lt;input type="text"&gt;`)和密码输入框(`&lt;input type="password"&gt;`)...

    flex解决textarea,input不能输入中文的方法

    在使用Flex进行Web应用开发时,有时会遇到一个让人头疼的问题:在非主应用程序环境下(例如嵌入到HTML页面中的SWF文件),textarea和input控件无法正常输入中文字符。这不仅影响用户体验,还可能导致功能上的缺失。...

    tag-input:用于添加和显示标签的输入

    安装安装为节点依赖项: npm install tag-input --save快速开始要在本地测试更改为node_modules / tag-input并运行: npm start & npm run watch指令npm run build -构建生产CSS和JS npm run watch编译css和js npm ...

    Vue循环中多个input绑定指定v-model实例

    然而,当需要在循环中创建多个表单元素,如`input`,并希望每个输入框都有自己的独立绑定时,就需要采取特定策略。下面将详细介绍在循环中为多个`input`绑定指定`v-model`实例的两种方法。 ### 方法一:`v-for`循环...

    可以添加下拉选择框的文本输入框

    结合这两种元素,我们可以在文本输入框中嵌入下拉选择框,这样用户在输入关键字时可以选择已定义的值,而无需手动键入。这种设计常见于表单填充、数据库记录编辑和配置设置等场景。例如,当我们需要用户输入日期时,...

    html中嵌入vue3框架模板(过滤案例)

    现在我们已经有了一个简单的过滤案例,当用户在输入框中输入文字时,列表会实时更新,只显示包含输入文字的项目。这就是Vue3在HTML中的基本应用,通过响应式数据和模板语法实现了动态数据绑定和交互。 Vue3还引入了...

    JavaScript建立一个语法高亮输入框实现思路

    作为一名开发者我们经常需要进行代码的在线编辑,高亮显示代码等,因此,通过其他的开源项目,我们可以添加一些实用的功能, 在这篇文章中,我将使用JavaScript库ACE来创建一个输入框效果。这是一个完全开源的脚本。...

    行业文档-设计装置-基于安卓平台的Webview中输入框正确显示数据的方法.zip

    在安卓平台上,开发一款应用程序时常会遇到在WebView中嵌入HTML页面并与用户进行交互的情况。WebView组件允许开发者在原生应用中展示网页内容,甚至实现部分JavaScript与Java代码的交互。本篇文档将深入探讨如何在...

    WebBrowser 如何读出input 的value值。谢谢

    在.NET框架中,`WebBrowser`控件是一个强大的工具,用于在Windows应用程序中嵌入一个浏览器内核,以便用户能够浏览网页。有时,我们需要与网页交互,比如获取HTML元素的属性值,特别是输入框(`&lt;input&gt;`)的`value`...

    VC.HTML.input.box.test.classic.rar_Html VC _The Test_VC InputB_V

    这个标题暗示我们讨论的是关于VC++(Visual C++)如何与HTML结合,特别是在一个测试环境中处理HTML输入框(input box)的经典方法。 描述中提到的"VC HTML输入框测试检查经典代码"表明这是一个关于在VC++中对HTML...

    微信小程序 input输入及动态设置按钮的实现

    在上面的代码中,我们使用了 input 标签来创建一个手机号输入框,并将其绑定到 mobile 变量上。bindinput 事件将在用户输入时触发,并将输入的值赋值给 mobile 变量。 在动态设置按钮的实现中,我们可以使用按钮的 ...

    datagrid中编辑状态(editor)下一列嵌入多个控件

    在使用easyUI框架时,我们经常会遇到需要在`datagrid`控件的某一列中嵌入多个输入控件的需求。这样的设计可以极大地方便用户进行数据的编辑与输入,提高用户体验。本文将详细介绍如何在easyUI的`datagrid`控件中通过...

    网页中可以嵌入的日历控件(js)

    本文将详细讲解如何在网页中嵌入一个JavaScript实现的日历控件,并探讨其与CSS的结合,以改变控件的风格。 首先,让我们了解什么是JavaScript日历控件。它是一种交互式的用户界面元素,允许用户通过点击或输入日期...

    Qt QWebview调用JS,实现QQ邮箱自动填写输入框,模拟鼠标点击网页按钮!!

    要在QWebView加载的网页中自动填写输入框,我们可以使用`QWebView`的`page()`方法获取`QWebPage`对象,然后调用其`mainFrame()`方法获取`QWebFrame`。接着,我们就可以使用`evaluateJavaScript()`方法执行...

    股票代码(可嵌入到网页中)

    在这个场景下,可以创建一个输入框让用户输入股票代码,并添加一个按钮触发查询操作。例如: ```html 请输入股票代码: &lt;input type="text" id="stockCode" required&gt; 查询 ``` 2. JavaScript:JavaScript是...

    Bootstrap输入框组件使用详解

    此外,我们还可以在输入框组中嵌入下拉按钮,通过 `.input-group-btn` 和 `data-toggle="dropdown"` 属性实现: ```html &lt;div class="input-group"&gt; &lt;div class="input-group-btn"&gt; 产品分类&lt;span class="caret"&gt;...

Global site tag (gtag.js) - Google Analytics