iT邦幫忙

input相關文章
共有 21 則文章

技術 Python line input 用戶輸入

什麼是input(): 在 Python 中,用戶輸入是透過內建函式 input() 來完成的。它允許程式從終端(或命令列)接收用戶輸入,並將其作為字串返回。基...

鐵人賽 Modern Web DAY 27
元素不可思議事件簿 系列 第 27

技術 Day 27 - 甲賀忍蛙從樹林中歸來

甲蛙樹歸也。 圖片來源:動畫瘋你怎麼會覺得標題跟這篇內容有關?但甲賀忍蛙真的很帥!!! 續前篇紀錄之change事件與input事件,本篇紀錄一示例分別以c...

鐵人賽 Modern Web DAY 26
元素不可思議事件簿 系列 第 26

技術 Day 26 - 如果喜歡講話算是輸出

圖片來源:自然主意。酷覓星擅於傾聽算是一種輸入嗎? 前篇閱畢仍有疑惑,是否有更合適之事件可觀測輸入有關之元素之變化?故本篇紀錄其他與輸入有關之不可思議事件...

鐵人賽 Modern Web DAY 30

技術 連接創建管理hotel user room頁面挑戰 能修改與新增的UI視窗與完賽感言

鐵人賽 Day30 自己做一個價值幾十萬的動態網站 最後一課:連接創建管理hotel user room頁面挑戰 能修改與新增的UI視窗與完賽感言最後一天就附上...

鐵人賽 自我挑戰組 DAY 23

技術 Day 23:資料輸出【Tailwind – input 篇】

今天要分享如何以 tailwind 針對 input 欄位做客製樣式! 我們先來看看預設的 input 樣式有時候可能需要進行 input 樣式的變動,這邊筆...

鐵人賽 Modern Web DAY 3

技術 用HTML與CSS製作出「下拉選單」!

input原本的下拉選單太過擁擠,想製作出好看的下拉選單可以參考這邊呦~ HTML 先製作選單input值,讓input內文字能夠顯示出所選選項。 <di...

技術 純Javascript,使用new Date()製作date picker

剛好有一道面試題目,不能使用 input type=date 或任何現有套件,要做出類似Datepicker的功能細節需求為 點擊“<”及“>”切換年、月 點...

鐵人賽 Modern Web DAY 25

技術 Day 25 - 實戰演練 — Input

在 Input 需要預處理的主要就是 React 的 control & unControl,於是也在這簡介一下兩者的差別: Uncontrolled...

技術 HTML5-解決數值輸入框可以輸入字母"e"及"."問題

<input id="phone" type="number" oninput="maxLengthCh...

技術 Jquery/JS 使用Input 輸入生日並限制年齡

客戶需求如下 不要用datepicker點,說是手機太小不好點+老人不會點 資料庫格式為西元年,但一堆人填民國年 CodePen程式碼:https://co...

鐵人賽 Modern Web DAY 22
喪屍黑白切 系列 第 22

技術 Day 22 | 煩欸!我又忘記密碼了啦 - 登入表單

今天要講的是金魚都能懂的網頁切版 : 登入表單 NO017,有沒有人跟我一樣超常忘記密碼的?有些密碼重設還不能跟之前一樣,然後我就每次都會忘記我新設定的密碼,不...

鐵人賽 Mobile Development DAY 13
iOS Developer Learning Flutter 系列 第 13

技術 iOS Developer Learning Flutter. Lesson12 還是~列表(輸入與折疊)

Today Preview 1. 如果有用戶輸入的情況, 如何不讓資料跑掉? 原本我以為如果是用children方式建立的ListViewTextFiel...

技術 旅館預約服務練習紀錄-訂房確認頁面練習

這次要寫的練習紀錄是選定房間後會彈跳出來的視窗,但因為小弟 JS 還在學習中,還不會寫彈跳出來的互動行為,所以先把靜態頁面做練習,這次的練習使用到 BS4 框...

鐵人賽 Modern Web DAY 12
Angular 8 從推坑到放棄 系列 第 12

技術 [Day11] Property 與 事件 Binding

Angular 中 Components 之間的傳遞資料的方式,就長得像下面這張圖。 Input() 裝飾器使用方式 @Input 的目的是確認資料綁定 in...

鐵人賽 自我挑戰組 DAY 7
網頁學習紀錄 系列 第 7

技術 鐵人賽Day7-來嵌入 map 與 寫一個 form 吧!

今天在這個網頁內嵌入一個 map 跟寫一個 form,左邊放入地圖,右邊放入註冊資訊,會如下方所示 HTML會長這樣 <section3>...

鐵人賽 自我挑戰組 DAY 28

技術 與工程師的協作之路-可被小小提升使用者體驗的原生設定

身為文創學院,主張「原創設計不一定最好」院長或校長可能會巴我頭 不過今天冒著生命危險(最好是),還是要來提一下這件事~ 在「與工程師的協作之路-Ant Desi...

技術 [筆記]用圖片 取代 <input type="file"> 欄位

用途 想要與其他圖片來美化 &lt;input type=&quot;file&quot;&gt;欄位的話 可以用label來去運行 大致觀念是 css同id...

技術 [筆記]動態<input type="file" /> 新增&刪除&圖片預覽-React.js

開頭 基礎 使用javascript 透過按鈕新增刪除欄位 進階 新增圖片並有圖片預覽功能 基礎 Demo:https://codepen.io/Canda...

鐵人賽 Modern Web DAY 14

技術 Day 14:編輯的藝術 - TextInput 與 Keyboard

前言 手機不是很好打字,如果可以用更簡單的方式搞定就應該盡量避免打字,但很多時候還是必須要讓使用者輸入,例如:回留言、寫筆記、填表單、搜尋,等等,因此還是必須熟...

技術 隨身開機碟 lubuntu 啟用 fcitx 嘸蝦米輸入法的步驟

看到了 在 Lubuntu 21.04 安裝 fcitx 的嘸蝦米表格檔 所分享的做法,也是我常會用到的情境,在此把相關會執行的步驟來分享一下。 fcitx4...

鐵人賽 技術鐵人 DAY 2

技術 [Reply] 說輸入重要,其實也不見得那麼重要

thc 在 MIS生存技能-第1招 輸入法, 提及有關輸入法的議題, 是最用電腦者最最基本而必需面對的議題。 其實iT邦也可以做個調查: 1.會不會英打?(左右...