文本框 :<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实现
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)