html 如何点击一个按钮,在界面下方出现一个延伸出一个新的界面

html-css07

html 如何点击一个按钮,在界面下方出现一个延伸出一个新的界面,第1张

1、新建一个html文件，命名为test.html。

2、在test.html文件内，在p标签内，使用button标签创建多个按钮。

3、在test.html文件内，分别设置button标签的class属性为bbtt，用于下面获得button对象。

4、在js标签内，使用ready()方法在页面加载完成时，执行function方法。

5、在function方法内，通过class获得button对象，给它们绑定click点击事件，当按钮被点击时，获得按钮对象，使用not()方法除去当前点击按钮，通过attr()方法将disabled属性设置为true，实现其他按钮不可用。

1、使用onfocus事件检查当前值,如果是默认值,就将value属性置空.如:<input type="text" value="请输入内容" onfocus="javascript:if(this.value=='请输入内容')this.value=''">

2、<input id="email" type="text" placeholder="这里输入文字" size="22" />

placeholder="这里输入文字"

input设置默认显示文字的两种方式：

1.placeholder属性。在输入框为空的情况下会显示placeholder中的值。但是提交时不能直接取其值。

2.value属性。在输入框加载的时候输入框中的值。提交时可直接获取。