2-web前端 音頻、視頻、表格、表單

来源:https://www.cnblogs.com/ljygzyblog/archive/2023/09/19/web_2.html
-Advertisement-
Play Games

1.音頻 2.視頻 3.有序無序列表 有序列表:ol>li ol內必須是li,li內沒限制 無序列表:ul>li ul內必須是li,li內沒限制 4.表格 th 字體加粗並居中 示例: 案例:個人簡歷 5.表單 針對錶單整理的相關問題: <!-- action:行動 提交的地址 伺服器地址 後臺地址 ...


1.音頻

2.視頻

3.有序無序列表

有序列表:ol>li ol內必須是li,li內沒限制

無序列表:ul>li ul內必須是li,li內沒限制

4.表格

 

th---字體加粗並居中

示例:

 

案例:個人簡歷

 

5.表單

 

針對錶單整理的相關問題:

<!-- action:行動 提交的地址 伺服器地址 後臺地址 收件人地址

預設地址:當前頁面

?yonghuming=xiaoming&mima=123 明文

method 提交方式 get 預設 post 隱藏 暗文 明文

checked selectde 預設選項

-->

<form action="https://www.so.com/s">

<input name="q"> name:名字的代號

<input type="submit" value="360搜索">

</form>

<form action="./action.html" >

<!-- 表單 註冊 登錄 -->

<!-- 表單的用途:收集用戶的數據,信息 -->

<h1>免費註冊</h1>

<!-- name 起名字 為你傳遞的數據起個名字 -->

<!-- placeholder 提示詞 -->

<!-- type 類型 text 文本 -->

用戶名:<input type="text" name="username" id="" placeholder="請輸入用戶名"> <br>

<!-- password 密碼框 -->

密碼: <input type="password" name="password" id="" placeholder="請輸入密碼"> <br>

<!-- radio name名字 必須一樣 單選-->

性別:

<label><input type="radio" name="gender" id="" value="男" >男</label>

<input type="radio" name="gender" id="" checked value="女">女 <br>

<!-- checkbox 覆選框 -->

愛好:

<input type="checkbox" name="hobby" checked id="" value="寫代碼">寫代碼

<input type="checkbox" name="hobby" id="" value="旅游">旅游

<br>

<!-- select option -->

請選擇省

<select name="sheng" id="">

<option value="xuanze">請選擇</option>

<option value="河南" selected>河南</option>

<option value="河北">河北</option>

</select>

<br>

<!-- file 瀏覽框 上傳文件 -->

<input type="file" name="" id="">

<br>

<!-- textarea 文本域 -->

自我介紹:

<textarea name="ziwojieshao" id="" cols="30" rows="10"></textarea>

<br>

<!-- 提交按鈕 submit -->

<!-- value 預設值 -->

<input type="submit" value="登錄">

     

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1、flex彈性佈局 設置方式:給父元素設置 display: flex,子元素可以自動擠壓或拉伸 組成部分: 彈性容器 彈性盒子 主軸:預設在水平方向 側軸 / 交叉軸:預設在垂直方向 例如: 2、主軸對齊方式 屬性名:justify-content 屬性值 效果 flex-start 預設值,彈 ...
  • 1、動畫說明 目標:使用animation添加動畫效果 思考:過渡可以實現什麼效果? 答:實現2個狀態間的變化過程 動畫效果:實現多個狀態間的變化過程,動畫過程可控(重覆播放、最終畫面、是否暫停) 動畫的本質是快速切換大量圖片時在人腦中形成的具有連續性的畫面 構成動畫的最小單元: :幀或動畫幀 2、 ...
  • 1、認識3D轉換 近大遠小 近實遠虛 物體和麵遮擋不可見 2、三維坐標系 x 軸:水平向右 -- 註意:x 軸右邊是正值,左邊是負值 y 軸:垂直向下 -- 註意:y 軸下麵是正值,上面是負值 z 軸:垂直屏幕 -- 註意:往外邊的是正值,往裡面的是負值 3、3D轉換 3D 轉換知識要點 3D 位移 ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 作為一個資深的切圖仔,我們難免會需要用到把自己寫的頁面的一些功能通過視頻的方式分享給別人。還有一個場景,就是當我們面試的時候,我們需要把我們的屏幕分享給面試官看,那麼這些都是怎麼實 現的呢? 那麼接下來我們就通過這篇文章來學習一下如何實現 ...
  • 平面轉換 transform 作用:為元素添加動態效果,一般與過渡配合使用 概念:改變盒子在平面內的形態(位移、旋轉、縮放、傾斜) 平面轉換又叫 2D 轉換 1、平面轉換 平移 目標:使用translate實現元素位移效果 語法 transform: translate(水平移動距離, 垂直移動距離 ...
  • import React, { useEffect, useState } from 'react'; hook 是react 16.8的新增特性 ,他可以讓你不在編寫class的情況下shiystate以及react的特性 Hooks的出現,首先解決了以下問題: 告別了令人疑惑的生命周期 告別類組 ...
  • 1、相對定位 position: relative 特點: 不脫標,占用自己原來位置 顯示模式特點保持不變 設置邊偏移則相對自己原來位置移動 拓展:很少單獨使用相對定位,一般是與其他定位方式配合使用 參考自身原位置 2、絕對定位 position: absolute 使用場景:子級絕對定位,父級相對 ...
  • 1、圖文對齊(搜索框) 圖片標簽是典型的行內塊元素 除此之外行內塊元素還有表單元素input、button (行內塊元素既可以設置寬高又可以和行元素在一行 行內塊的轉換問題 display (block塊、inline行、inline-block行內塊、none隱藏 轉換後兩個塊中間存在空隙問題 2 ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...