html点击图片d出文字框

html点击图片d出文字框的处理方法。

1、打开html编辑器，新建html文件。

2、在index.html中的body标签中，输入js代码。

3、浏览器运行index.html页面，点击按钮d出了提示框即可。

<input type="text" id="name" placeholder="请输入图片名称"/>

<button>显示</button>

<script type="text/javascript" src="应用你本地的jquery.js"></script>

<script type="text/javascript">

$('button').click(function(){

var name = $('#name').val()

if(name == ''){

alert('请输入图片名称')

return false

}

var img = '<img src="'+ name +'.jpg" onerror="this.src=默认图片地址">'

$(this).after(img)

})

</script>

---