Erweiterte H5-Inline-Tags-H5-Tutorial-php.cn

Erweiterte H5-Inline-Tags

php中世界最好的语言

Freigeben： 2018-01-10 09:17:59

Original

2332 Leute haben es durchsucht

Dieses Mal stelle ich Ihnen die erweiterten Inline-Tags von H5 vor. Wie verwende ich die erweiterten Inline-Tags von H5? Was sind die Vorsichtsmaßnahmen bei der Verwendung der erweiterten Inline-Tags von H5? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Inline-Element , das eine Zeile mit anderen teilt, aber die Einstellung von Breite und Höhe ist ungültig. Seine Eigenschaften:

① und andere Elemente liegen alle auf derselben Linie mit der Höhe von

② und den äußeren Rändern und inneren Rändern kann nicht geändert werden;

③Die Breite ist die Breite des Texts oder Bildes und kann nicht geändert werden

④Inline-Elemente können nur Text oder andere Inline-Elemente aufnehmen

Der Code ist wie folgt folgt:

<!doctype html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>标签基础2</title>  
</head>  
<body>  
    <!-- 内联元素 与别人公用一行 但是设置宽高无效 -->  
    <!-- 无语义 -->  
    <span>无语义</span>  
    <!-- 图片 alt图片加载失败显示-->  
    <img src="d" alt="加载失败">  
    <!-- 超链接 -->  
    <a href="http://www.baidu.com">跳转</a>  
    <!-- 斜体强调 -->  
    <var>斜体强调作用</var>  
    <!-- em和i经常用于制作小图标 -->  
    <em>斜体强调作用</em>  
    <i>斜体强调作用</i>  
    <!-- 加粗强调 -->  
    <strong>加粗强调</strong>  
    <!-- 表单 提交数据-->  
    <form action="">  
        <!-- 输入框 -->  
        <input type="text">  
        <!-- 密码输入框 -->  
        <input type="password">  
        <!-- 按钮 -->  
        <input type="button" value="按钮">  
        <!-- 提交表单 -->  
        <input type="submit" value="提交表单">  
        <!-- 日期 年月日-->  
        <input type="date">  
        <!-- 日期 年周 -->  
        <input type="week">  
        <!-- 日期 年月 -->  
        <input type="month">  
        <!-- 日期 当前时间 -->  
        <input type="time">  
        <!-- 选择文件 -->  
        <input type="file" value="打开文件">  
        <!-- 只能输入数字 -->  
        <input type="number">  
        <!-- 颜色选择器 -->  
        <input type="color">  
        <!-- 重置 -->  
        <input type="reset">  
        <!-- 复选框 -->  
        <input type="checkbox">我爱你   
        <input type="checkbox">你爱我   
        <!-- 单选框 name 同名字为一组-->  
        <input type="radio" name="sex" checked="checked">男   
        <input type="radio" name="sex">女   
    </form>  
    <!-- 多行文本 cols宽度 rows高度 -->  
    <textarea name="" id="" cols="30" rows="10"></textarea>  
    <!-- 选择列表 默认第一个选项的值为初始值-->  
    <select name="" id="">  
        <option value="">选项1</option>  
        <option value="">选项2</option>  
        <option value="">选项3</option>  
    </select>  
</body>  
</html>

Nach dem Login kopieren

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So erstellen Sie einen Drag-and-Drop-Effekt in H5

Über die Inkompatibilität älterer Versionen Versionen von Browsern mit H5- und C3-Verarbeitungsmethode

So verwenden Sie postMessage in H5, um Daten zwischen zwei Webseiten zu übertragen

Das obige ist der detaillierte Inhalt vonErweiterte H5-Inline-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!