HTML imput

Note: The size attribute works with the following input types: text, search, tel, url, email, and password.

https://www.w3schools.com/tags/att_input_size.asp

Pro type="number" to nefunguje.

Šlo by to pomocí CSS, ale to asi ESP8266 nepodporuje?

input[type=number]{
    width: 80px;
} 

Přes SPIFFS
https://diyprojects.io/esp8266-web-server-part-1-store-web-interface-spiffs-area-html-css-js/#.X4Hi9-0zXg4

Nebo jinak.
Když v řádku bude jako první label ve kterm bude třeba Po, jako ponděli a těch 24 imputu.
Nějak aby se to samo srovnalo, aby to vlezlo na šiřku web stranky?

Co třeba tabulka?

Na tu jsem už koukal.
Tam bude problem ty zadane data dostat do te ESP8266 a pak zpatky do imputu.
S imputy to je brnkačka.
Učelem toho je těch 24 imputu v 7 řadach a jeden button.
Po kliknuti se data načtou do te ESP8266 a uloži do EEPROM.
Ale při znovu načtení te web stranky se ta dat z EEPROM musí načist zpatky do těch imputu

Ale v té tabulce přece můžeš mít inputy.

Tak pord jak na to?
Ja našel jen toto.
https://www.phil.muni.cz/fil/vyuka/kurs_html_2/tabulky.html

<td><input ...></td>

To jo, ale furt to neřeši tu šiřku těch imputu a 24 jich na šiřku stranky nedostanu.
A mezi imputy je mezera.

https://www.w3schools.com/code/tryit.asp?filename=GJKQQ8TVD98R

Ja už jsem to pořešil přes to CSS
Děkují.

Náhodou těch mezer se neda nějak zbavit?

A kliknul jsi na ten můj odkaz výše?

input[type=number]{
    width: 30px;
    display: block;
    margin: 0px;
    float: left;
} 

Začina se to rysovat
Proč mi ale přestal fungovat background-color

Nejsem jasnovidec, bez kódu chybu nepoznám.

Vyřešene.
Všem moc děkují

Mužu ještě jeden dotaz.
Jak by jste vyřešili toto?
18GfKQCt

V tom prvním řádku, kde jsou imputy typu text 00 hod, 01 hod, 02 hod, nejde nastavit stejna šiřka jako pod níma.
Duvod je ten že imputy typu number mají mastavenou v tom CSS width: 45px;

Už jsem se dočet, že mohu imputum typu text nastavit tuto šiřku v style type.

https://stackoverflow.com/questions/12114966/how-to-right-align-form-input-boxes

Nebo i v tom CSS
Ale nastavim tu šiřku všem imputum typu text.
Tedy se mi zmenči i ty co jsou po leve straně Ponděli, Utery.

Tak tomu taky nastav stejnou šířku, ne? A je to input, ne imput.

Ale inputy typu text jsou ty, co potřebují upravit, ale take ty ponděli, utery, středa.
Takže když nastavim tu šiřku width: 45px;, Nastavi se šiřka pro všechny.
Ja bych potřeboval jen pro tu jednu řadu.

Tak té řadě dej nějaké id, nebo ještě lépe místo <tr> použij <th> protože jde v podstatě o hlavičku tabulky. A ty máš ty texty jako inputy? Proč? Nechceš je přece editovat.

Ano jako inputy, vypada to lip a mám je disabled, zakazane editovat.

Ano o něco takoveho mi jde ale nevím jak na to.
Dát jedne řadě nějake ID a jen pro tuto řadu nastavít šiřku těch width: 45px

Dej tu první řadu jako <th>.
A pak do CSS něco jako:

th input {
    width: 45px;
} 

Jinak to může mít stejný vzhled a přitom to nebýt input.

Nechapu, asi jsem nějaký natvrdlej.

Všechny imputy co jsou v th ny měli mit 45px

<th><input type="text" id="h00" name="hod00" disabled value="00 hod" > </th>
<th><input type="text" id="hod01" name="hod01" disabled value="01 hod" > </th>
<th><input type="text" id="hod02" name="hod02" disabled value="02 hod" > </th>
<th><input type="text" id="hod03" name="hod03" disabled value="03 hod" > </th>
<th><input type="text" id="hod04" name="hod04" disabled value="04 hod" > </th>
<th><input type="text" id="hod05" name="hod05" disabled value="05 hod" > </th>
<br>

A co na tom nechápeš? Prostě použij to CSS.

Hm.
Zkoušim přes Dreamweaver.
Když vytvořim nový projekt, tak to funguje.
Někde bude kopanec.
Necham to do večera odležet a uvidime.
Moc děkují

PS" Co jste myslel Tím

Tak té řadě dej nějaké id

Ono jde cele řadě přiřasit jedno ID a pak přes to CSS mu přiřadit šiřku?

Jakýkoliv HTML element může mít ID.

na to je urcena class

Jsem zjistil, že kvuli toho width CSS nepotřebuji
Ale u obou zpusobu to není to prave.
Muže mi někdo vysvětlit, proč to není pod sebou?
Jdyž pod to přidam dalších 6 řádku s input type="number", je to ok a jsou krasně pod sebou.

https://i.postimg.cc/KzzNxHg3/input-type.jpg
https://i.postimg.cc/5NcRSfCP/code.jpg
Se omlouvam ale do code to nevleze.

Tu web stranku dělam v Dreamweaver, kde to krsně pasuje pod sebou.
Až když to pustim v prohližeči, je to ujete.

Už to mám cele udělane a funguje mi to, jen ten vzled

CSS potřebuješ a používáš ho i v tom tvém případě, jenom ho píšeš inline k jednotlivým elementům. Čímž ti zbytečně kyne kód.
A proč jsi zrušit to, že je to v tabulce? Právě tabulka ti ušetří spoustu práce se zarovnáváním.

Vubec nechapu princip a něco jsem tam měl špatně.
https://www.jakpsatweb.cz/html/tabulky.html
Jsem s toho nějak zmatený.Hold už starý kokot.

Celý zdrojak pro ESP8266 jsem dal za 3 hodky i s ukladaním cele tabulky do eeprom a znovu načtení při zavolaní stranky, a tadý s tým se trapim už druhý den.

Chapu to spravně že každý input by měl být v <th></th>
A každý řadek v te tabulky = těch 23 imputu v <tr></tr>

<th> by měl být v tabulce pouze jednou = hlavička tabulky (table head).

Jinak nastav vlastnosti jednotlivým řádkům, buď přes ID nebo CLASS.

<thead> je v tabulce jenom jednou (a to ještě nepovinně). <th> je obdoba <td>.

Ano, špatně jsem se vyjádřil - <th> může být v tabulce víckrát, ale jen v tom jednom řádku záhlaví.

No jo, ale jak očekáváš, že ti někdo poradí, když se těmi radami neřídíš? A místo toho neustále vymýšlíš vlastní řešení, kde si pak rozbiješ i to, co ti fungovalo před tím?

Už to mám
Ještě poslední a už bude hotovo.
Nějak nemohu na netu najit, jak se dělají mezery.
Aby ty checkbox byly vice od sebe.

<label>Pondělí</label>
<input type="checkbox" id="Lab_pondeli" name="pondeli" value="po" >

<label>Úterý</label>
<input type="checkbox" id="Lab_utery" name="utery" value="ut">

&nbsp;

Ale fuj. Když už tam má CSS, tak použít padding, případně margin.