當前位置:吉日网官网 - 錢幣收藏 - 如何在HTML中插入按鈕

如何在HTML中插入按鈕

1.打開Sublime text3,新建壹個HTML文檔,構建壹個好的框架。

2.輸入代碼:

& lt表& gt

& lttr & gt

& lttd & gt學生& lt/TD & gt;

& lttd & gt& ltinput type="text" name="student " >& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& lttd & gt高度& lt/TD & gt;

& lttd & gt& ltinput type="text" name="height " >& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& lttd colspan = 2 & gt

& lt輸入type="button "?name = " add " value = " add " & gt

& lt/TD & gt;

& lt/tr & gt;

& lt/table & gt;

設置兩行可以添加的文本輸入框和提示按鈕。

3 、& lt桌子?id="mainTable " >

為標簽添加id以便於定位。

4.增加監控事件的功能。

onclick="adding()"

然後連接js文檔。

& ltscript src = " test.js " & gt& lt/script & gt;

5、功能?添加(){

var table = document . getelementbyid(" mainTable ");

var addTr = table . insertrow(2);

}

創建壹個函數,然後設置兩個變量。壹是用來定位標簽位置,二是增加第二行的行數。測試,多次點擊確實會下移。

6、var addTd = addtr . insert cell();

AddTd.innerHTML = " add

除了加tr,還要加td,還要加文字提示。

7.稍微修改壹下變量名。添加文本輸入框。

函數添加(){

var table = document . getelementbyid(" mainTable ");

var addTr = table . insertrow(2);

var TD 1 = addtr . insertcell();

TD 1 . innerhtml = " New ";

var td2 = addtr . insertcell();

td2.innerHTML = " & ltinput type='text 'name='newnew ' >;

}

8.最後,妳可以看到按鈕。

  • 上一篇:怎麽把寫過的卷子變成沒寫的
  • 下一篇:風度重如寫老師作文。
  • copyright 2024吉日网官网