Category "html"

How can I validate the file type selected from an input element of type file

I am trying to allow users to upload an image by using the html below <input class="file-upload" id="imagepath" name="imagepath" type="file" accept="image/x

replacing tag with another tag targeting class

Trying to change the h3 tag to a <button> tag targeting via .container and .button-1 class using JavaScript. Unfortunately, it only targets the first h3

Is there a way to reorder "div" elements ,into a descending order, in the DOM according to their content with the onclick of a button?

I am trying to reorder the "divs" (pushed into the DOM via Javascript) with the onclick of a button. Specifically, I'm looking for a Javascript function to reac

Find index of element within a list of elements with the same class

I have a div: <div class="container"> <div class="info" style="display:block;"></div> <div class="result-image-slides"></div&

How do I handle image sizing in hero area?

I have created a hero area and between this, I have created two divisions and applied a style display with the grid. Now I have put text and buttons on one side

How convert input type="date" in a timestamp?

I need to convert an <input type="date"> value in a timestamp. This is my HTML code: <input type="date" name="date_end" id="date_end"> This field

How to align div to bottom inside div bootstrap

html, body, .sidebar-container, .sidebar-row { height: 100%; } .sidebar { background-color: #2C3544; } @media (min-width: 992px) { .s

How to use picture element in angular Material cards

How can I combine the picture element with the Angular Material card? In Angular Material cards https://material.angular.io/components/card/examples you can us

Mailchimp works on localhost, but github pages sends error 404. Noobie

Checked docs, looked at other codepen examples, but cannot figure out. Any help would be greatly appreciated my github page index.html <html lang="en"> &

Tool sed-like to insert a HTML snippet code (a div block) after a <div id="jsn-page">...</div>

I am looking for a way to insert a block <div id="jsn-content-bottom">...code...</div> after a block <div id="jsn-body">...</div>. I wan

Not able to plot voltages graph (v1 vs v2) in a website using esp32 and arduino

I have started learning to build some good websites. In one of my projects, I wanted to display two voltages (named "POTvalue1" & "POTvalue2") on a website.

JavaScript Onclick Function Fails to Execute [closed]

I have a button that triggers an onclick function: <!DOCTYPE html> <body> <h2>what can javascript do?</h2> &

I don't know why my video does not play on the html file and how I can insert multimedia file on an html file>

<!DOCTYPE html> <head> </head> <body> <video width="400" height="400" controls> <source src="movie.mp4" type="video/mp4

How to not hide my form element after submission if its css display style was set to none previously

$(()=>{ $("#c").click(function loop(event){ $("#a").show(1000).submit(function(event){ if ($("#b").val() === "hello"){

How can I insert an image or icon before or after my list items in an html file?

<!DOCTYPE html> <head> <title>Hanieh jannesari</title> <style> ul { list-style: none; } ul li {

What should I do to solve the trailing punctuation mark is rendered at the start when I set dir="rtl" in html label?

When I set dir="rtl", the trailing punctuation mark is rendered at the start. I expect that the result is I have a cat, her name is "butterfly" but the actual

How do you insert HTML into a QuillJS?

Is it possible to insert raw HTML into a Quill? I've been searching the documentation but couldn't find anything. If it's not possible, can I at least convert

How to add custom drop-shadow with linear-gradient in tailwind css?

I am finding a way to add custom drop-shadow with linear-gradient in tailwind CSS. On looking the docs I found this <div class="drop-shadow-[0_35px_35px_rgba

I want to hide div if user click on dot icon and wanna show other div instead of first one

I want to hide div if user click on dot icon and want to show other div instead of first one. Please look at this website section image i want to hide this div

how can we run drag and drop codes with the help of html, css and a bit of javascript? [closed]

<!DOCTYPE html> <html> <head> <title>My Web Page</title> <script> functio