一个html页面中怎么添加文本框?

一个html页面中怎么添加文本框?,第1张

文本框 :<input id="_text" type="text" value="这里是文本框的内容" />

按钮:<input type="button" value="提交" onclick="alert(document.getElementById('_text').value)" />

<script>

function addNumber(everyone)

{

document.getElementById("text1").value += everyone

}

</script><input type="button" onclick="addNumber(1)" value= "1"></input><input type="text" id="text1"></input><input type="button" onclick="addNumber(2)" value= "2"></input>

登陆HTML网站后台。

选择内容所属栏目,如果希望添加内容是产品中心中内容,那么栏目处,要选择 “产品中心” 。选择栏目后,填写内容标题,也就是内容名字名称。填写内容名称后,在下方编辑框中,输入内容详细说明。随后,点击 [ 扩展信息 ] - [点击添加图片] 按钮添加页面中的缩略图,上传图片后,点击页面下方 [ 提交 ] 按钮,提交内容。修改内容,登陆网站后台,点击 [ 内容 ] ,在左侧点击 [ 内容列表 ] 后,在内容搜索框输入要修改内容名称。点击搜索按钮后,会列出内容搜索结果,在搜索结果列表中,找到要修改的内容,点击右侧的编辑按钮,对这个内容进行编辑,点击按钮后,会进入内容编辑页面,在页面中,修改内容名称以及在编辑框中修改内容详细。然后点击扩展信息,点缩略图,然后d出上传图片对话框,上传新图片完成修改内容的缩略图。当上传完图片后,点击页面下方提交按钮,对修改内容进行提交。

可以使用HTML5 list 属性。list 属性需要应用到 input 框上,然后内容写一个自定义的 id

然后在任意位置放一对 datalist 标签,并给 datalist 框一个 id,和 list 属性指向的 id 一致即可。

在 datalist 标签下放列表项,每个列表项用 option 元标签来表示,option 标签里用 value 属性填写内容,label 属性来做提示。

下面是示例代码:

<form action="">

<input type="text" list="url_list" name="text" />

<input type="submit" />

</form>

<datalist id="url_list">

<option label="HZ赫兹工作室" value="http://weibo.com/hz421247910" />

<option label="提示1" value="列表项1" />

<option label="提示2" value="列表项2" />

<option label="" value="列表项3" />

</datalist>

HTML5之前一般使用select标签或者div+js实现


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存