+ 4

How to expand a placeholder space in html?

<input type="text" placeholder="email> i want to expand my placeholder space so that the space would be left to right end position of my phone

3rd May 2020, 9:10 AM
Ajoy Chowdhury
Ajoy Chowdhury - avatar
10 odpowiedzi
+ 3
Ajoy However, it will make every input fields look the same, so you should give an id or a class in the input and using that you can style it later. Like : HTML : <input type="email" placeholder="Email" id="input-email"> CSS : #input-email { height: 35px; width: 100vw; padding: 0 5px; } You can also set your own height and width :))
3rd May 2020, 9:29 AM
Arb Rahim Badsa
Arb Rahim Badsa - avatar
+ 4
Please include your code, so that we can understand what's the problem :)) Do you mean the input size?
3rd May 2020, 9:11 AM
Arb Rahim Badsa
Arb Rahim Badsa - avatar
+ 3
Ajoy Chowdhury Consider the following line : input { height: 35px; width: 100vw; padding: 0 5px; }
3rd May 2020, 9:22 AM
Arb Rahim Badsa
Arb Rahim Badsa - avatar
+ 2
Yes can it by placing &nbsp; before the word which a single space ex: <input type="text" placeholder="&nbsp; &nbsp; &nbsp; &nbsp; email> this will add 4 spaces
3rd May 2020, 9:26 AM
Abhay
Abhay - avatar
+ 2
just add size in the input. <div> <label for="username">Username</label> <input type="text" id="username" placeholder="Enter Your Username" required size="30"> </div>
13th Oct 2023, 10:42 AM
Rubayet Alam
Rubayet Alam - avatar
+ 1
We can use a padding For an example contact me
3rd May 2020, 9:19 AM
HEUBA BATOMEN Franck Duval
HEUBA BATOMEN Franck Duval - avatar
+ 1
Arb Rahim Badsa thanks a lot bro, it works 😊
3rd May 2020, 9:26 AM
Ajoy Chowdhury
Ajoy Chowdhury - avatar
0
You can't change the space of a placeholder. But you can expand the width of the form and then increase font-size. Then there would be more space for placeholders
3rd May 2020, 9:12 AM
Ahnaf
Ahnaf - avatar
0
Yes that is a possibility
3rd May 2020, 9:20 AM
HEUBA BATOMEN Franck Duval
HEUBA BATOMEN Franck Duval - avatar
- 1
What do you want to achieve?
3rd May 2020, 9:24 AM
HEUBA BATOMEN Franck Duval
HEUBA BATOMEN Franck Duval - avatar