Html 5---編集可能なContenteditable
10244 ワード
Html 5の新しい要素は、表の各テキストがウェブページで編集可能になり、効果がよく、実用的です.
Chinese Name: | moumou | Birthday: | 1931.01.13 |
English Name: | momo | Career: | Singer |
Other Name: | test | Representative works: | Mr. |
Nationality: | Korea | Team: | KARA |
Nation: | Korean | Constellation: | Capricom |
Korea: | Jeolla view Chau | Blood Type: | B-type |
主に属性をtrueに設定すれば、便利で簡潔です
上記コード:
<htm>
<head>
<title>title>
head>
<body>
<table id="edit" contenteditable="true">
<tr><td>Chinese Name:td>
<td>moumoutd><td>Birthday:td>
<td>1931.01.13td>tr>
<tr><td>English Name:td>
<td>momotd><td>Career:td>
<td>Singertd>tr>
<tr><td>Other Name:td>
<td>testtd>
<td>Representative works:td>
<td>Mr.td>tr>
<tr><td>Nationality:td>
<td>Koreatd><td>Team:td>
<td>KARAtd>tr>
<tr><td>Nation:td>
<td>Koreantd>
<td>Constellation:td>
<td>Capricomtd>tr>
<tr><td>Korea:td>
<td>Jeolla view Chautd>
<td>Blood Type:td>
<td>B-typetd>tr>
table>
body>
htm>