html代码如何设置一个文本框和按钮,使点击按钮后跳转至新"固定值+输入文本“的网页

html代码如何设置一个文本框和按钮,使点击按钮后跳转至新"固定值+输入文本“的网页,第1张

<input type="text" id="href">

<button onclick="local()">跳转</button>

function local(){

location.href = "https://www.baidu.com/#/tab/search/" + document.getElementById("href").value

}

1、新建并保存一个html文档,进入html代码编辑页面。

2、写一个input文本输入框,并定义ID,然后写一个按钮,并定义ID。

3、要做的效果就是点击按钮为输入框赋值,然后把输入框和按钮的css样式写好,不写样式也可以。

4、引入jquery文件,路径要正确,写jquery代码,打开浏览器测试一下,点击按钮之后,输入框内就会自动输入赋值的内容。

textarea{resize:none}

<textarea style="resize:none"></textarea>

html简介:

超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7045900.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存