牛客前端题-入门表单

1. 类型为密码，默认值为"nowcoder"
2. 类型为复选框，且状态为已勾选

<form>
    <!-- 补全代码 -->
    <!--1. 类型为密码，默认值为"nowcoder"-->
    <input name = "password" 
           value = "nowcoder"
           type = "password">
     <!--2. 类型为复选框，且状态为已勾选-->
    <br/>
    <input type = "checkbox" value = "复选框" checked
           id = "checkbox1">
    <lable for = "checkbox1">复选框</lable>
</form>

 3.请写出具有表格标题为"nowcoder"的2行3列表格结构。

<table border = 1>
    <!-- 补全代码 -->
       <caption>nowcoder</caption>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
</table>

4.请写出具有标题属性和代替文本属性的图片标签。

<!-- 补全代码 -->
<img src = "地址" alt = "代替文本属性" title = "标题">

5.请写出可以在新窗口打开文档的a标签。

<!-- 补全代码 -->
<a target = "_blank" href = "#"></a>

6.请写出列表项为"nowcoder"且列表项内容也为"nowcoder"的自定义列表。

<dl>
    <!-- 补全代码 -->
    <dd>nowcoder</dd>
    <dt>nowcoder</dt>
</dl>

7.使用一个标签将“牛客网”三个字加粗显示

<!-- 方法一：HTML -->
<p><strong>牛客网</strong>，程序员必备求职神器</p>

<!-- 方法二：JavaScript -->
let p = document.getElementsByTagName("p")[0]
p.innerHTML = p.innerText.replace("牛客网","<strong style='font-weight:999'>牛客网</strong>")

 

标签：入门,标签,列表,牛客,写出,nowcoder,复选框,表单
来源： https://www.cnblogs.com/blueberryGargamel/p/16385395.html