Web前端-Web開發HTML基礎1-input

一. 基礎
1. 寫一個輸入框代碼,類型為密碼;
2. 寫一個輸入框代碼,類型為密碼;
3. 寫一個輸入框代碼,類型為密碼,名稱為"password";
4. 寫一個輸入框代碼,類型為密碼,名稱為"pAssword";
5. 寫一個輸入框代碼,類型為密碼,默認值為"helloworld";
6. 寫一個輸入框代碼,類型為密碼,默認值為"PASSWORD";
7. 寫一個輸入框代碼,類型為密碼,名稱為"password",默認值為"password";
8. 寫一個輸入框代碼,類型為密碼,ID為"Password",默認值為"pAssword",提示行為"please password";
9. 寫一個輸入框代碼,類型為復選框;
10. 寫一個輸入框代碼,類型為復選框;
11. 寫一個輸入框代碼,類型為復選框,名稱為"checkbox";
12. 寫一個輸入框代碼,類型為復選框,名稱為"Checkbox";
13. 寫一個輸入框代碼,類型為復選框,默認不選中;
14. 寫一個輸入框代碼,類型為復選框,默認選中;
15. 寫一個輸入框代碼,類型為復選框,名稱為"checkbox",默認不選中,且選中時上傳值"Hahaha";
16. 寫一個輸入框代碼,類型為復選框,ID為"Checkbox",名稱為"Checkbox",默認選中,且選中時上傳值"Ohohoh";
17. 寫一個輸入框代碼,類型為文本框;
18. 寫一個輸入框代碼,類型為文本框;
19. 寫一個輸入框代碼,類型為文本框,名稱為"text";
20. 寫一個輸入框代碼,類型為文本框,名稱為"tExt";
21. 寫一個輸入框代碼,類型為文本框,默認值為"text";
22. 寫一個輸入框代碼,類型為文本框,默認值為"tExt";
23. 寫一個輸入框代碼,類型為文本框,名稱為"text",默認值為"text";
24. 寫一個輸入框代碼,類型為文本框,ID為"tExt",默認值為"tExt",提示行為"please text";
25. 寫一個輸入框代碼,類型為提交;
26. 寫一個輸入框代碼,類型為提交;
27. 寫一個輸入框代碼,類型為提交,名稱為"submit"(往往沒必要);
28. 寫一個輸入框代碼,類型為提交,名稱為"suBmit"(往往沒必要);
29. 寫一個輸入框代碼,類型為提交,默認值(顯示值)為"submit";
30. 寫一個輸入框代碼,類型為提交,默認值(顯示值)為"suBmit";
31. 寫一個輸入框代碼,類型為提交,名稱為"submit",默認值為"submit";
32. 寫一個輸入框代碼,類型為提交,ID為"submit",默認值為"SUBMIT";
33. 寫一個輸入框代碼,類型為單選框,在happy和sad中選一個;
34. 寫一個輸入框代碼,類型為單選框,在apple和pear中選一個;
35. 寫一個輸入框代碼,類型為單選框,在happy和sad中選一個。選happy時能傳給服務器happy,選sad時能傳給服務器sad;
36. 寫一個輸入框代碼,類型為單選框,在apple和pear中選一個。選apple時能傳給服務器apple,選pear時能傳給服務器pear;
37. 寫一個輸入框代碼,類型為單選框,在A、B、C中選一個;
38. 寫一個輸入框代碼,類型為單選框,在A、B、C中選一個。選A時能傳給服務器A,選B時傳B、選C時傳C;
39. 寫一個輸入框代碼,類型為單選框,現在A、B中選一個,再從happy、sad中選一個;
40. 寫一個輸入框代碼,類型為單選框,現在A、B中選一個,再從happy、sad中選一個。同理選A傳A、選B傳B、選happy傳happy、選sad傳sad;
41. 寫一個輸入框代碼,類型為按鈕;
42. 寫一個輸入框代碼,類型為按鈕;
43. 寫一個輸入框代碼,類型為按鈕,默認值(顯示值)為"按鈕1";
44. 寫一個輸入框代碼,類型為按鈕,默認值(顯示值)為"按鈕2";
45. 寫一個輸入框代碼,類型為數字;
46. 寫一個輸入框代碼,類型為數字;
47. 寫一個輸入框代碼,類型為數字,名稱為"number";
48. 寫一個輸入框代碼,類型為數字,名稱為"nUmber";
49. 寫一個輸入框代碼,類型為數字,最小值為1,最大值為5;
50. 寫一個輸入框代碼,類型為數字,最小值為3,最大值為30000;
51. 寫一個輸入框代碼,類型為數字,名稱為"number",最小值為1,最大值為5;
52. 寫一個輸入框代碼,類型為數字,名稱為"nUmber",最小值為3,最大值為30000;
53. 寫一個輸入框代碼,類型為電子郵件;
54. 寫一個輸入框代碼,類型為電子郵件;
55. 寫一個輸入框代碼,類型為電子郵件,名稱為"email";
56. 寫一個輸入框代碼,類型為電子郵件,名稱為"Email";
57. 寫一個輸入框代碼,類型為電子郵件,默認值為"email";
58. 寫一個輸入框代碼,類型為電子郵件,提示行為"Email";
59. 寫一個輸入框代碼,類型為日期;
60. 寫一個輸入框代碼,類型為日期;
61. 寫一個輸入框代碼,類型為日期,名稱為"date";
62. 寫一個輸入框代碼,類型為日期,名稱為"daTe";
63. 寫一個輸入框代碼,類型為日期,默認值為"1982-11-12";
64. 寫一個輸入框代碼,類型為日期,默認值為"2004-02-24";
65. 寫一個輸入框代碼,類型為日期,名稱為"date",默認值為"2004-02-23";
66. 寫一個輸入框代碼,類型為文件;
67. 寫一個輸入框代碼,類型為文件;
68. 寫一個輸入框代碼,類型為文件,名稱為"file";
69. 寫一個輸入框代碼,類型為文件,名稱為"fIle";
二. 提高
1. password類型的input標簽中,name必要嘛?
2. checkbox類型的input標簽中,name必要嘛?
3. text類型的input標簽中,name必要嘛?
4. submit類型的input標簽中,name必要嘛?
5. radio類型的input標簽中,name必要嘛?
6. button類型的input標簽中,name必要嘛?
7. number類型的input標簽中,name必要嘛?
8. email類型的input標簽中,name必要嘛?
9. date類型的input標簽中,name必要嘛?
10. file類型的input標簽中,name必要嘛?
11. password類型的input標簽中,value表示什么?
12. checkbox類型的input標簽中,value表示什么?
13. text類型的input標簽中,value表示什么?
14. submit類型的input標簽中,value表示什么?
15. radio類型的input標簽中,value表示什么?
16. button類型的input標簽中,value表示什么?
17. number類型的input標簽中,value表示什么?
18. email類型的input標簽中,value表示什么?
19. date類型的input標簽中,value表示什么?
20. file類型的input標簽中,value表示什么?
21. input標簽有結束標簽嘛?
22. input標簽有結束標簽嘛?
三. 例子
1. password類型的input標簽
2. checkbox類型的input標簽
3. text類型的input標簽
4. submit類型的input標簽
5. radio類型的input標簽
6. button類型的input標簽
7. number類型的input標簽
8. email類型的input標簽
9. date類型的input標簽
10. file類型的input標簽


一. 基礎
1. <input type="password">
2. <input type="password">
3. <input type="password" name="password">
4. <input type="password" name="pAssword">
5. <input type="password" value="helloworld">
6. <input type="password" value="PASSWORD">
7. <input type="password" name="password" value="password">
8. <input type="password" id="Password" value="pAssword" placeholder="please password">
9. <input type="checkbox">
10. <input type="checkbox">
11. <input type="checkbox" name="checkbox">
12. <input type="checkbox" name="Checkbox">
13. <input type="checkbox">
14. <input type="checkbox" checked>
15. <input type="checkbox" name="checkbox" value="Hahaha">
16. <input type="Checkbox" id="Checkbox" name="Checkbox" checked value="Ohohoh">
17. <input type="text">
18. <input type="text">
19. <input type="text" name="text">
20. <input type="text" name="tExt">
21. <input type="text" value="text">
22. <input type="text" value="tExt">
23. <input type="text" name="text" value="text">
24. <input type="text" id="tExt" value="tExt" placeholder="please text">
25. <input type="submit">
26. <input type="submit">
27. <input type="submit" name="submit">
28. <input type="submit" name="suBmit">
29. <input type="submit" value="submit">
30. <input type="submit" value="suBmit">
31. <input type="submit" name="submit" value="submit">
32. <input type="submit" id="submit" value="SUBMIT">
33. <input type="radio" name="mood">happy
? ? ?<input type="radio" name="mood">sad
34. <input type="radio" name="fruit">apple
? ? ?<input type="radio" name="fruit">pear
35. <input type="radio" name="mood" value="happy">happy
? ? ?<input type="radio" name="mood" value="sad">sad
36. <input type="radio" name="fruit" value="apple">apple
? ? ?<input type="radio" name="fruit" value="pear">pear
37. <input type="radio" name="choice">A
? ? ?<input type="radio" name="choice">B
? ? ?<input type="radio" name="choice">C
38. <input type="radio" name="choice" value="A">A
? ? ?<input type="radio" name="choice" value="B">B
? ? ?<input type="radio" name="choice" value="C">C
39. <input type="radio" name="choice">A
? ? ?<input type="radio" name="choice">B
? ? ?<input type="radio" name="mood">happy
? ? ?<input type="radio" name="mood">sad
40. <input type="radio" name="choice" value="A">A
? ? ?<input type="radio" name="choice" value="B">B
? ? ?<input type="radio" name="mood" value="happy">happy
? ? ?<input type="radio" name="mood" value="sad">sad
41. <input type="button">
42. <input type="button">
43. <input type="button" value="按鈕1">
44. <input type="button" value="按鈕2">
45. <input type="number">
46. <input type="number">
47. <input type="number" name="number">
48. <input type="number" name="nUmber">
49. <input type="number" min="1" max="5">
50. <input type="number" min="3" max="30000">
51. <input type="number" name="number" min="1" max="5">
52. <input type="number" name="nUmber" min="3" max="30000">
53. <input type="email">
54. <input type="email">
55. <input type="email" name="email">
56. <input type="email" name="Email">
57. <input type="email" value="email">
58. <input type="email" placeholder="Email">
59. <input type="date">
60. <input type="date">
61. <input type="date" name="date">
62. <input type="date" name="daTe">
63. <input type="date" value="1982-11-12">
64. <input type="date" value="2004-02-23">
65. <input type="date" name="date" value="2004-02-23">
66. <input type="file">
67. <input type="file">
68. <input type="file" name="file">
69. <input type="file" name="fIle">
二. 提高
1. password類型的input標簽中,name必要
2. checkbox類型的input標簽中,name必要
3. text類型的input標簽中,name必要
4. submit類型的input標簽中,name不必要
5. radio類型的input標簽中,name必要
6. button類型的input標簽中,name不必要
7. number類型的input標簽中,name必要
8. email類型的input標簽中,name必要
9. date類型的input標簽中,name必要
10. file類型的input標簽中,name必要
11. password類型的input標簽中,value表示框中默認填寫的值
12. checkbox類型的input標簽中,value表示在選中的情況下,上傳給服務器時,name變量所對應的值
13. text類型的input標簽中,value表示框中默認填寫的值
14. submit類型的input標簽中,value表示顯示出來的值
15. radio類型的input標簽中,value表示在選中的情況下,上傳給服務器時,name變量所對應的值
16. button類型的input標簽中,value表示顯示出來的值
17. number類型的input標簽中,value表示框中默認填寫的值
18. email類型的input標簽中,value表示框中默認填寫的值
19. date類型的input標簽中,value表示框中默認填寫的值
20. file類型的input標簽中,value我不讓你用
21. input標簽沒有結束標簽
22. input標簽沒有結束標簽
三. 例子
1. password類型的input標簽,<input type="password" name="password" id="password" placeholder="Password">
2. checkbox類型的input標簽,
<input type="checkbox" name="vehicle1" value="Bike"> I have a bike<br> ?
<input type="checkbox" name="vehicle2" value="Car"> I have a car
3. text類型的input標簽,<input type="text" name="firstname" id="firstname" placeholder="Your name">
4. submit類型的input標簽,<input type="submit" value="Submit">
5. radio類型的input標簽,<input type="radio" name="gender" value="male"> Male<br> ?
<input type="radio" name="gender" value="female"> Female
6. button類型的input標簽,<input type="button" value="Click Me!">
7. number類型的input標簽,<input type="number" name="quantity" min="1" max="5">
8. email類型的input標簽,<input type="email" name="email" id="email" placeholder="Your email">
9. date類型的input標簽,<input type="date" name="birthday">
10. file類型的input標簽,<input type="file" name="myFile">

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/45781.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/45781.shtml
英文地址,請注明出處:http://en.pswp.cn/web/45781.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

ES快速開發,ElasticsearchRestTemplate基本使用以及ELK快速部署

最近博主有一些elasticsearch的工作&#xff0c;所以更新的慢了些&#xff0c;現在就教大家快速入門&#xff0c;并對一些基本的查詢、更新需求做一下示例&#xff0c;廢話不多說開始&#xff1a; 1. ES快速上手 es下載&#xff1a;[https://elasticsearch.cn/download/]()這…

Spring Boot集成Activity7實現簡單的審批流

由于客戶對于系統里的一些新增數據&#xff0c;例如照片墻、照片等&#xff0c;想實現上級逐級審批通過才可見的效果&#xff0c;于是引入了Acitivity7工作流技術來實現&#xff0c;本文是對實現過程的介紹講解&#xff0c;由于我是中途交接前同事的這塊需求&#xff0c;所以具…

uniapp開發釘釘小程序流程

下載開發工具 1、小程序開發工具 登錄釘釘開發平臺&#xff0c;根據自己的需求下載合適的版本&#xff0c;我這里下載的是Windows &#xff08;64位&#xff09;版本 小程序開發工具 - 釘釘開放平臺 2、HBuilder X HBuilderX-高效極客技巧 新建項目及相關配置 新建項目 …

Llama - Prompting

本文翻譯整理自&#xff1a;Prompting https://llama.meta.com/docs/how-to-guides/prompting/ 文章目錄 制作有效的提示明確說明風格化格式化限制 提示使用 Zero- and Few-Shot 學習Zero-Shot PromptingFew-Shot Prompting 基于角色的提示思維鏈技術Self-Consistency檢索-增強…

單臂路由組網實驗,單臂路由的定義、適用情況、作用

一、定義 單臂路由是指通過在路由器的一個接口上配置許多子接口,從而實現原來相互隔離的不同VLAN之間的互通。 子接口:把路由器上的實際的物理接口劃分為多個邏輯上的接口,這些被劃分的邏輯接口就是子接口。 二、適用情況 用在沒有三層交換機,卻要實現不同VLAN之間的互…

Github07-16 Python開源項目日報 Top10

根據Github Trendings的統計,今日(2024-07-16統計)共有10個項目上榜。根據開發語言中項目的數量,匯總情況如下: 開發語言項目數量Python項目10C++項目1AutoGPT: 人工智能革命的先鋒 創建周期:486 天開發語言:Python協議類型:MIT LicenseStar數量:164105 個Fork數量:435…

axios 下載大文件時,展示下載進度的組件封裝——js技能提升

之前面試的時候&#xff0c;有遇到一個問題&#xff1a;就是下載大文件的時候&#xff0c;如何得知下載進度&#xff0c;當時的回復是沒有處理過。。。 現在想到了。axios中本身就有一個下載進度的方法&#xff0c;可以直接拿來使用。 下面記錄一下處理步驟&#xff1a; 參考…

深度學習 | CNN 基本原理

目錄 1?什么是 CNN2?輸入層3?卷積層3.1?卷積操作3.2?Padding 零填充3.3?處理彩色圖像 4?池化層4.1?池化操作4.2?池化的平移不變性 5?全連接層6?輸出層 前言 這篇博客不夠詳細&#xff0c;因為沒有介紹卷積操作的具體計算&#xff1b;但是它介紹了 CNN 各層次的功能…

golang AST語法樹解析

1. 源碼示例 package mainimport ("context" )// Foo 結構體 type Foo struct {i int }// Bar 接口 type Bar interface {Do(ctx context.Context) error }// main方法 func main() {a : 1 }2. Golang中的AST golang官方提供的幾個包&#xff0c;可以幫助我們進行A…

[雜談] 關于 Mac 電腦使用 Logitech 鼠標導致 Vscode 側鍵無法進行代碼前進、回退的問題

我個人使用的是一臺 14 寸的 Mac_Apple_M1&#xff0c;外接鍵盤顯示器羅技的 MX Master 3 for Mac 的鼠標。 之前一直使用的 GoLand 開發&#xff0c;查看代碼時進行代碼跳轉就很方便&#xff0c;滾輪鍵 進入函數方法&#xff0c;鼠標側鍵進行前進、后退。看代碼完全可以右手單…

【大模型入門】LLM-AI大模型介紹

大語言模型 (LLM) 背景 &#x1f379;大語言模型 (Large Language Model) 是一種人工智能模型, 它們通常包含數千億甚至更多的參數&#xff0c;并在大規模數據集上進行訓練。大語言模型可以處理多種自然語言任務&#xff0c;如文本分類、問答、翻譯、對話等等。 自然語言模型…

qt explicit 啥意思

explicit 在 Qt 和 C 中是一個關鍵字&#xff0c;主要用于修飾類的構造函數。其含義和用法可以歸納為以下幾點&#xff1a; 意義&#xff1a; explicit 英文直譯為“明確的”、“顯式的”。在 C 中&#xff0c;當一個構造函數只接受一個參數時&#xff0c;它可能會被編譯器用于…

【Nail it】ROS1 ROS2 通信(ros2/ros1_bridge)

情況說明&#xff1a;目標是實現ros2容器和ros1主機的通信&#xff0c;可以起一個ros1容器作為橋梁&#xff08;若是在一個主機同時包含ros1&ros2&#xff0c;配置更加方便&#xff09;. 1.起一個 noetic 的容器 docker run -it --network host --name my_bridge ros:noe…

Java中的成員內部類

Java中的成員內部類&#xff08;也稱為非靜態內部類&#xff09;是定義在另一個類&#xff08;外部類&#xff09;內部的類。 這種內部類與它的外部類之間有著緊密的聯系&#xff0c;主要體現在幾個方面&#xff1a;它可以訪問外部類的所有成員&#xff08;包括私有成員&#…

C++小白Python選手2小時入門C++

學習鏈接&#xff1a;C入門/2小時從C到C快速入門&#xff08;2018&#xff0c;C教程&#xff09; C在C語言的基礎上增加了面向對象和通用算法語言特征。 C頭文件不必是.h結尾&#xff0c;C頭文件舉例&#xff1a;cmath、cstdio注釋&#xff1a;單行//、多行/**/為了防止名字沖…

MQ基礎1

對應B站視頻&#xff1a; MQ入門-01.MQ課程介紹_嗶哩嗶哩_bilibili 微服務一旦拆分&#xff0c;必然涉及到服務之間的相互調用&#xff0c;目前我們服務之間調用采用的都是基于OpenFeign的調用。這種調用中&#xff0c;調用者發起請求后需要等待服務提供者執行業務返回結果后…

【JavaScript腳本宇宙】強大的自然語言處理:六款JavaScript庫詳解

從語義到實體&#xff1a;深入了解JavaScript自然語言處理庫 前言 隨著人工智能和自然語言處理技術的飛速發展&#xff0c;JavaScript在這一領域也有了越來越多的應用。本文將介紹幾個優秀的JavaScript庫&#xff0c;它們專注于處理英語文本&#xff0c;并提供了豐富的功能和…

求立方體面積體積以及判斷(c++)

代碼&#xff1a; #include<iostream> using namespace std;class Cube { public:void setL(int l){m_L l;}int getL(){return m_L;}void setW(int w){m_W w;}int getW(){return m_W;}void setH(int h){m_H h;}int getH(){return m_H;}int calculateS(){return 2 * (…

netdata 監控軟件安裝與學習

netdata官網 netdata操作文檔 前言&#xff1a; netdata是一款監控軟件&#xff0c;可以監控多臺主機也可以監控單臺主機&#xff0c;監控單臺主機時&#xff0c;開箱即用&#xff0c;web ui很棒。 環境&#xff1a; [root192 ~]# cat /etc/system-release CentOS Linux rel…

徹底清理Conda環境:使用conda remove命令的終極指南

徹底清理Conda環境&#xff1a;使用conda remove命令的終極指南 在Conda環境中&#xff0c;隨著時間的推移&#xff0c;可能會積累大量不再需要的包和它們的依賴項。這不僅會占用寶貴的磁盤空間&#xff0c;還可能影響環境的性能。conda remove命令是Conda提供的一個強大工具&…