手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

可以输入的下拉框实现方法

时间:2024-10-13 16:24:02

1、下面就是input和select的组合,主要难度在样式的调整,只要将样式调整好就可以

可以输入的下拉框实现方法

2、下面的选择框中有两个值“柯洒阖拨爬楼高手”和“隔壁老尤条”,select标签中有一个onchange()方法,当我们选择某一个值的时候,会将选中的值赋值给input框

可以输入的下拉框实现方法

3、选中“隔壁老尤条”,input输入框中显示“隔壁老尤条”

可以输入的下拉框实现方法

4、选中“爬楼高手”,input输入框显示“爬楼高手”

可以输入的下拉框实现方法

5、输入"fffffffff",input输入框中显示“fffffffff”

可以输入的下拉框实现方法

6、head中内容,主要是样式的调整

可以输入的下拉框实现方法

7、body中内容,定义了一个输入框,一个下拉框

可以输入的下拉框实现方法

8、js脚本,主要是将select选中的值赋值给input框

可以输入的下拉框实现方法
© 手抄报圈