`

js触发不同radio使input出现不同文字,并且input是无边框的【原创】

QQ 
阅读更多

首先给出怎样使input的边框是看不到的:

<input type=text name=text1 id=text1 size=100 value = "" style = "background:;border:0"/>

只需要加style = "background:;border:0"/即可

 

以下是要显示文字的input:

<input type=text name=text1 id=text1 size=100 value = "" style = "background:;border:0"/>

以下是不同的radio:

<input id=all type=radio name=type value="phone" checked onClick="showphone()"/>
<label for=all>
固定电话  
</label>
<input id=all type=radio name=type value="telphone" onClick="showtelphone()"/>
<label for=all>
手机号码
</label>
<input id=lgr type=radio name=type value="qq" onClick="showQQ()"/>
<label for=lgr>
Q币充值
</label>
<input id=cty type=radio name=type value="car" onClick="showVal()"/>
<label for=cty>
车主服务
</label>

以下是某个方法;

function showVal(){
form.nbr.value = "粤A";
form.text1.value = "                            请输入您的车牌号码后五位,例如粤A12345,只需输入12345";
document.getElementById("btnG").onclick = limitcar;
}

 

完成

 

自己看的

分享到:
评论

相关推荐

    JavaScript触发事件列表

    "JavaScript触发事件列表" JavaScript是一种广泛应用于Web开发的编程语言,它提供了许多事件处理机制,以便开发者能够捕捉和响应用户交互操作。下面是JavaScript触发事件列表,涵盖了常见的事件类型和应用场景: ...

    input_美化、单选框 点击文字可以选中

    - **for属性**:`&lt;label&gt;`的`for`属性可以与`&lt;input&gt;`的`id`属性相匹配,使点击`&lt;label&gt;`的文字能够激活对应的`&lt;input&gt;`。 - **CSS选择器**:利用`label[for="inputId"]`选择器,可以对关联的`&lt;label&gt;`进行特定的...

    判断radio是否被选中

    本文档涉及了如何在ASP(Active Server Pages)中利用JavaScript来实现对表单中`&lt;input type="radio"&gt;`控件的选择状态进行检测的功能。通过这种方式,可以在用户提交表单前即时反馈哪些选项已被选择。 **知识点细节...

    html中radio值的获取、赋值、注册事件示例详解

    这段代码会为所有name为group1的radio按钮注册change事件,当任何一个radio的选中状态发生变化时,就会触发此函数,并打印出当前选中的radio的值。 5. Radio分组 如文档描述所示,一组radio的name属性值必须相同,...

    jQuery 操作input中radio的技巧

    根据给定文件信息,以下是关于jQuery操作input中radio的技巧知识点的详细说明: 1. jQuery的基本概念:jQuery是一个快速、小巧、功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。利用...

    input 标签的属性

    ### Input 标签的属性详解 #### 一、概述 在HTML中,`&lt;input&gt;`标签是最常用的表单元素之一,用于收集用户输入的数据。它通过`type`属性定义了不同的输入控件类型,比如文本框、密码框、按钮等。本文将详细介绍`...

    input资源的格式

    ### Input资源的格式详解 #### 一、概述 在网页设计与开发中,`input`元素扮演着极其重要的角色,它允许用户输入数据,并通过不同的属性实现多种功能。本文将详细解析`input`的不同类型及其在实际开发中的应用技巧...

    js与jquery获取input输入框中的值实例讲解.docx

    ### JS与jQuery获取Input输入框中的值实例讲解 #### 一、引言 在Web开发中,经常需要处理用户输入的数据。JavaScript 和 jQuery 是前端开发中最常用的两种工具,它们提供了强大的功能来操作DOM(文档对象模型),...

    使用HTML开发商业网站-表单控件-input课件.pptx

    5. **按钮 (button)**: `&lt;input type="button"&gt;` 可以创建普通按钮,通常用于触发JavaScript事件。`value` 属性定义按钮上显示的文本。 示例: ```html &lt;input type="button" value="点击我" onclick="alert('...

    分别用vbscript和javascript实现显示radio的选项值.doc

    吃啥&lt;/h3&gt; &lt;input type="radio" name="radio[]" id="radio_1" value="青菜" onclick="show"&gt; 青菜 &lt;input type="radio" name="radio[]" id="radio_2" value="萝卜" onclick="show"&gt; 萝卜 &lt;input type="radio" name=...

    radio关联 网页设计

    单选按钮通常成组出现,并且它们共享同一个名称(即`name`属性值相同),这样在提交表单时,只能有一个被选中的单选按钮的值会被发送到服务器。 #### 二、示例代码解析 本例中,作者希望通过JavaScript实现当用户...

    Radio 单选JS动态添加的选项onchange事件无效的解决方法

    这个问题常常出现在使用JavaScript动态向页面中添加单选按钮(radio)时,为这些动态添加的单选按钮绑定的onchange事件无法正常触发。描述中提到,通过使用delegate()函数可以有效解决此类问题。 在了解如何解决...

    HTML5&CSS3网页制作:Input元素的type属性.pptx

    - 语法:`&lt;input type="radio" /&gt;` - 常用属性:`name`(单选按钮组名,同组内必须相同),`value`(选项值),`checked`(默认选中)。 4. **复选框(checkbox)** - 描述:用于多项选择,可以同时选中多个。 - 语法...

    用图片代替radio

    这可以通过监听图片的`click`事件并模拟触发radio按钮的`click`事件实现。 四、浏览器兼容性 考虑到不同浏览器对CSS和JavaScript的支持程度,可能需要使用polyfill库或者条件注释来确保在旧版浏览器中的正常工作。...

    html表单form元素+各种input元素+常用元素综合案例.

    此外,良好的表单设计还包括错误提示和响应式布局,以适应不同设备的屏幕大小。 总的来说,理解并熟练运用HTML表单元素和`&lt;input&gt;`类型是创建功能丰富、用户体验优秀的网页的关键。通过实践和案例分析,我们可以更...

    Vue v-for中的 input 或 select的值发生改变时触发事件操作

    - 对于`&lt;input type="radio"&gt;`,`@change`事件在用户选中或取消选中单选按钮时触发。在示例中,`getInvoiceId`方法会在用户选择新的发票ID时被调用,这可能是为了保存用户的选取。 总结,Vue.js中的`v-for`结合`...

    INPUT的TYPE用法

    `type="button"`创建一个按钮,通常用于触发JavaScript事件,而不提交表单。 ### 6. `type="checkbox"` - 复选框 `type="checkbox"`用于多项选择,可以同时选择多个选项。通过`name`和`value`属性指定每个复选框的...

    JQuery 自定义 radio与checkbox

    不同的浏览器对CSS和JavaScript的支持程度不同,因此我们需要使用jQuery的跨浏览器功能来确保代码在各种环境下都能正常工作。此外,对于触屏设备,我们可能需要额外的事件处理,比如`.touchstart()`和`.touchend()`...

    radio-input:一种将集合发送到广播组的方法

    在给定的标题“radio-input:一种将集合发送到广播组的方法”以及描述“无线电输入,一种将集合发送到广播组的方法”中,我们可以推断出这个项目或库可能涉及到了JavaScript中的事件处理和数据传输技术。 首先,我们...

    使用纯CSS美化radio和checkbox

    本篇文章将深入探讨如何使用纯CSS来美化radio和checkbox,使它们更符合现代网页的视觉效果。 首先,我们要明白HTML中的radio和checkbox是如何工作的。`&lt;input type="radio"&gt;`定义了单选按钮,`&lt;input type=...

Global site tag (gtag.js) - Google Analytics